Is it possible to remove class="dataTable" from datatable and apply our own class. If so, then how to do it ? I tried Jquery something like this.

  $('#sourceDetails').removeClass('dataTable');

But no effect.

Is it possible to remove class="dataTable" from datatable and apply our own class. If so, then how to do it ? I tried Jquery something like this.

  $('#sourceDetails').removeClass('dataTable');

But no effect.

• javascript
• jquery
• datatable

Share Improve this question Follow edited May 6, 2014 at 7:31 Raviranjan Mishra 85722 gold badges1111 silver badges2626 bronze badges asked Jan 17, 2014 at 8:09 af_khanaf_khan 1,09844 gold badges2626 silver badges5252 bronze badges 4

• Can you share the html?? – Milind Anantwar Commented Jan 17, 2014 at 8:11
• <table cellspacing="0" cellpadding="0" border="0" id="someid" class="display dataTable" aria-describedby="someid_info"> html is generated dynamically. But i am posting just the table tag for your reference – af_khan Commented Jan 17, 2014 at 8:15
• And when you want to do removing of class and adding anotehr?? – Milind Anantwar Commented Jan 17, 2014 at 8:15
• I just removed the class from my dataTable using the JQuery you tried in the question. Worked for me O_O Why didn't it work for you? – AbdurRehman Khan Commented Feb 18, 2020 at 10:44

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 2

Try this

$('#sourceDetails').addClass("NewClassName").removeClass('dataTable');

$('table').removeClass('dataTable');

Try:

 $('#someid').addClass('newclass').removeClass('dataTable');

Try this one:

$(function () {
    setTimeout(function () {
        $('#sourceDetails').removeClass('dataTable');
    }, 100);
});