Border color after each rowgroup in Jqaury data table

Question

Hi,

We have implemented jQaery data table. and it has grouping.

I neew once grou[ing gets completed then there must be a border color . or an empty row with separate color.

Please help em to acheive this 

Answer 1

show us your grouping code

if you do grouping like shown below then use css over class

$(document).ready(function() {
    var groupColumn = 2;
    var table = $('#example').DataTable({
        "columnDefs": [
            { "visible": false, "targets": groupColumn }
        ],
        "order": [[ groupColumn, 'asc' ]],
        "displayLength": 25,
        "drawCallback": function ( settings ) {
            var api = this.api();
            var rows = api.rows( {page:'current'} ).nodes();
            var last=null;

            api.column(groupColumn, {page:'current'} ).data().each( function ( group, i ) {
                if ( last !== group ) {
                    $(rows).eq( i ).before(
                        '<tr class="group"><td colspan="5">'+group+'</td></tr>'
                    );

                    last = group;
                }
            } );
        }
    } );

<style>
.group {
border: 1 px solid red;
// etc etc
}
<style>