Add classes to elements (bs5)

dtriangle

Using jQuery, I have added the bootstrap class 'pagination-sm' after the table, to make it smaller.

$('ul.pagination').addClass('pagination-sm');

however, it is getting removed again when ever the table changes (e.g. gets filtered). Must be simple way around this?

rf1234

use the "draw" event to add the class. So that it gets added whenever the table is drawn or redrawn.

https://datatables.net/reference/event/draw

dtriangle

Thanks again rf1234, that has done the trick. I've used this code:

table.on( 'draw', function () {
    $('ul.pagination').addClass('pagination-sm');
    $('div.dt-buttons').addClass('btn-group-sm');
} );