Advanced interaction
features for your tables.

Comprehensive editing
library for DataTables.

Manual

Download

≡ Show site navigation

Add classes to elements (bs5)

Add classes to elements (bs5)

dtriangle

dtriangle Posts: 5Questions: 2Answers: 0

August 2021 in Free community support

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?

This question has an accepted answers - jump to answer

Answers

rf1234 Posts: 3,110Questions: 90Answers: 429

August 2021 Answer ✓

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

dtriangle Posts: 5Questions: 2Answers: 0

August 2021

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');
} );

This discussion has been closed.