smaller padding-top/-bottom of DataTables

ludwigm

Hi,
I like to have smaller padding-top and padding-bottom of the cells of the DataTable. Currently they are 8px, which is too big.
How can I do this.
I created the table with the bootstrap classes table table-striped table-hover table-bordered and initialized the DataTable with

$(document).ready( function () {
            var table = $('#table_id').DataTable({
                order: [1,'asc'],
                pageLength: 7
            });
        } ); 

colin

You could tweak that in CSS, or perhaps just use the compact style,

Colin

PareshKumar

Hi @ludwigm,

Try using class "compact".

Thanks,
Paresh

ludwigm

"compact style" is already better, leading to 4px padding. I would like to have it a little smaller though