ScrollX and pager issue

and.maz

We use DataTables with boostrap. The issue is very similar to https://datatables.net/forums/discussion/35868/scrollx-and-width-of-headers-problem but related to paging. So the solution provided at https://datatables.net/forums/discussion/35868/scrollx-and-width-of-headers-problem works fine for the header. But absolutely the same issue exists for the pager. Please see how it looks at http://downloads.nopcommerce.com/temp/datatables_pager_issue.png

How can we fix it for the pager?

kthorngren

This is likely a CSS issue. This Bootstrap example is working properly:
https://datatables.net/examples/styling/bootstrap.html

Start by making sure you have downloaded the correct Boostrap integration files using the Download Builder. If this doesn't help please post a link to your page or a test case replicating the issue so we can help debug
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

Kevin

and.maz

I happens only a table is hidden on page load. For example, you have two tabs and the table is displayed on the second one. When you open the second tab, then it happens

That's why it works on your example

colin

Hi @and.maz ,

We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

Cheers,

Colin