Table With Horizontal Scroll - Possible to fix a column?

Topic: Table With Horizontal Scroll - Possible to fix a column?

cdenby pro asked 6 years ago

https://mdbootstrap.com/docs/jquery/tables/scroll/#datatable-horizontal-scroll That functionality is what I'm after, except that I'd like to have a column or two at the left with disabled horizontal scrolling. Basically, looking for Horizontal and Vertical Scrolling with a thead not scrollable and a left column not scrollable.

Is this possible?

Add comment

TonyO pro answered 6 years ago

0 0 Best answer

To have fixed columns (or header rows) I've found adding this javascript helps provide additional scroll control:

$(document).ready(function() { var table = $('#example').DataTable( { scrollY: false,, scrollX: true, scrollCollapse: true, paging: false, fixedColumns: { leftColumns: 1, topRows: 1 } } ); } );

Add comment

Marta Szymanska staff pro premium answered 6 years ago