jQuery datatables: how to stop it from adding 'odd' or 'even' to the class name

Question

This is all I'm using for datatable...

$("#resultsTable").dataTable({
    dom:'Blfrtip',
    buttons: [
       'excelHtml5',
       'csvHtml5',
       'pdfHtml5'
    ],

    "fnPreDrawCallback":function(){
        $("#resultsTable").hide();
        //alert("Pre Draw");
    },
    "fnDrawCallback":function(){
        $("#resultsTable").show();
        //alert("Draw");
    },
    "fnInitComplete":function(){
        //alert("Complete");
    }
});

But it adds 'odd' or 'even' to the class name of each row it seems, which I do not want. How can I get it to leave the class names alone?

Answer 1

If you want to remove stripe classes globally, set the default options:

$.extend($.fn.dataTable.ext.classes, {
  sStripeEven: '', sStripeOdd: ''
});

If you want to disable the classes during initialization:

$('#example').dataTable( {
  "stripeClasses": []
} );

If you want to disable them on the table directly via data attributes:

<table data-stripe-classes="[]">
</table>

Answer 2

I added "stripeClasses": [], but it didn't have any effect. I had to remove "table-striped" in the list of classes in the table element used to create this data table. For instance, if you have a list of classes like this:

<table class="display table table-striped table-bordered dt-responsive">

simply delete table-striped.