代码之家  ›  专栏  ›  技术社区  ›  chris

如何使用jQueryTableSorter对网格视图进行斑马条纹?

  •  1
  • chris  · 技术社区  · 15 年前

    我有一个使用TableSorter的ASP.NET网格视图:

      $(document).ready(function() {
         $("[id$='_myGridView']").tablesorter({ sortList: [[0, 0]] });
      }); 
    

    重新排序时如何应用重新条纹的斑马条纹?

    编辑:正如@chetan sastry所指出的,它简单如下:

      $(document).ready(function() {
         $("[id$='_myGridView']").tablesorter({ sortList: [[0, 0]], widgets: ['zebra'] });
      }); 
    
    2 回复  |  直到 15 年前
        1
  •  2
  •   Chetan S    15 年前

    你看过TableSorter插件中的Zebra小部件吗?这表示它是插件核心的一部分- http://tablesorter.com/docs/example-widgets.html

        2
  •  2
  •   awayken    15 年前

    看起来像 .tablesorter() 应用的类 odd even 在你桌子的行上。来自TableSorter网页的CSS规则是:

    table.tablesorter tbody tr.odd td { background-color: #F0F0F6 }