title: Insert color for each Row Grouping jQuery DataTables
body: <p>I use API methods to perform row grouping</p>
  
  <p>My code is like this : <a href="http://jsfiddle.net/oscar11/5jccbzdy/2/" rel="nofollow">http://jsfiddle.net/oscar11/5jccbzdy/2/</a></p>
  
  <pre><code>// 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(
                              '&lt;tr class="group"&gt;&lt;td colspan="5"&gt;' + group + '&lt;/td&gt;&lt;/tr&gt;'
                          );
  
                          group_last = group;
                      }
                  });
              }
          }
      });
  </code></pre>
  
  <p>I want insert color for each row grouping by "css" column (You can see in <a href="http://jsfiddle.net/oscar11/5jccbzdy/2/" rel="nofollow">http://jsfiddle.net/oscar11/5jccbzdy/2/</a>. Column 5th). So, giving color to row grouping by css column. Thank you.</p>