Posts tagged DataTable

Unwanted Horizontal scrollbar from Javascript DataTable

I am using the Javascript DataTable component to provide a sortable HTML table experience in Front Mission and 4th Super Robot Wars gaming guides. However there was a long standing issue that the table shows horizontal scrollbar even when the content is not too wide.

I have tried a few solutions I found online, including setting scrollX to false, adding table-layout:fixed; width: 98% !important to the dataTables_no_scroll_x css class and apply it to the table, and adding overflow-x:hidden !important; overflow-y:auto !important;to the dataTables_scrollBody css class, to no avail.

Read more ...