Issue scrollHeadInner. Bad column alignment

Issue scrollHeadInner. Bad column alignment

munsch_gmunsch_g Posts: 1Questions: 1Answers: 0

Hi !

I didn't find where to pose the "issue" so i'll put it here.

I had an alignment problem on the datatable while using the "scrollY" property. In fact, the table header's width (without scrollbar) was the same as the table body, but with the scrollbar. That causes a bad alignment of the columns.

I noticed that there was a "padding-right: 16px;" (16px is exactly the width of the scrollbar) on the header, but the header's width was from 100% so that padding was useless.

I finally managed to fix this by changing the header's width's value in the jquery.dataTables.js (on line 3672). I set the sScrollHeadInner's width to 'auto' instead of the 100%.

Works fine for me now !

This discussion has been closed.