Paging Nav Styling

MJJ79

Is it possible to set the background color of the paging navigation? My table is picking up my sites main nav style with a black background, which I need to be white for the bottom of the table.

Alternatively, is it easy to remove the paging nav option, but still show only 10 rows?

I hope that makes sense? Image attached to show the issue.

kthorngren

My table is picking up my sites main nav style with a black background, which I need to be white for the bottom of the table.

It's difficult to debug styling issues with just screenshots. Can you provide a link to a test case replicating the issue?

I would start by right clicking on the paging element and using the browser's inspect tool to see what is overriding the Datatables styling for the element. Not sure what element is actually black in your screenshot. Could be one of many div elements.

Alternatively, is it easy to remove the paging nav option, but still show only 10 rows?

You can use the layout option to remove the default Datatables elements. See the Defaults section for instructions.

Kevin

MJJ79

Thanks Kevin. Hiding the bottom right paging solves the issue.
Thanks for your help.

kthorngren

You can use scrollY to scroll through the table. See this example.

Kevin