插入顏色的每一行分組jQuery的數據表

我的代碼是這樣的：http://jsfiddle.net/oscar11/5jccbzdy/2/

// DataTable 
    var table = $('#example').DataTable({ 
     "order": [[0, 'asc']], 
     "drawCallback": function (settings){ 
      var api = this.api(); 

      // Zero-based index of the column containing names 
      var col_name = 0; 

      // If ordered by column containing names 
      if (api.order()[0][0] === col_name) { 
       var rows = api.rows({ page: 'current' }).nodes(); 
       var group_last = null; 

       api.column(col_name, { page: 'current' }).data().each(function (name, index){ 
        var group = name; 

        if (group_last !== group) { 
         $(rows).eq(index).before(
          '<tr class="group"><td colspan="5">' + group + '</td></tr>' 
         ); 

         group_last = group; 
        } 
       }); 
      } 
     } 
    });

我想通過「CSS」列中插入的每一行分組的顏色（你可以在http://jsfiddle.net/oscar11/5jccbzdy/2/的第5欄看到）。所以，給css列的行分組賦予顏色。謝謝。數據表功能

"createdRow": function (row, data, index) { 
       $('td', row).eq(4).addClass('highlight'); 
      }

http://jsfiddle.net/5jccbzdy/6/

來源

2015-10-15 moses toh

插入下面的代碼是彩色的，這個過程是在drawcallback功能.The糾正的代碼版本是繼完成。 http://jsfiddle.net/5jccbzdy/8/

來源

2015-10-15 07:56:51

非常感謝。我仍然有一個小問題。我嘗試這樣：http://jsfiddle.net/oscar11/5jccbzdy/7/。但失敗了。我沒有成功着色行分組。 –

，如果你想對所有列的內部

來源

2015-10-15 10:33:31

謝謝你回答我的問題。但是，我只想對分組的行着色。我想讓它像這樣：http://postimg.org/image/dtug5xlez/。所以，該列僅着色分組的列 –

插入顏色的每一行分組jQuery的數據表

回答

相關問題