Hide horizontal scrolling

Hi Dozen,

Is it possible to make the page public and share the URL? That might make it easier to get an idea of what’s going wrong…

Best regards,
Peter

Yes, of course
https://simbets.ru/simbets/login/
I also provided a string that I used in the “table option” option”

I don’t know how much this parameter (box-sizing) helps, but I managed to remove the lower scrolling in the Inspect Element.

https://prnt.sc/qq5q1g

https://prnt.sc/qq5qep

https://prnt.sc/qq5qtl

Hi Dozen,

Thank you for putting the page online!

The DIV around your HTML table seems to be the problem. If you open the inspector and search for class “dataTables_scrollBody” you’ll see that your div has an explicit style settings “max-height: 250px;”. If you remove that part of the style, the full HTML table is shown.

Unfortunately I cannot find why this style is added to your table. I cannot reproduce this issue on my own computer. Are you setting this somewhere manually?

Best regards,
Peter

I added this value “250px” to the “table option” using the scrollY parameter.
https://datatables.net/reference/option/scrollY

This is done so that the table has vertical scrolling. But I didn’t want a horizontal one. By the way, there is no horizontal scrolling via a smartphone.

Yes, I set this parameter manually:
https://prnt.sc/qqbnnq

• This reply was modified 5 years, 1 month ago by Dozen.

Hi Dozen,

Try this:
"scrollX":"0"

This doesn’t seem to be documented, but it works for me. Make sure you write scrollX and 0 between double quotes! That was why I could not directly reproduce this issue..

Please let me know if this works.

Best regards,
Peter

Peter hi !

Sorry, but scrollX 0 doesn’t work ??

My “table option” now is:
{“paging”: false,”serverSide”:false,”info”:false,”retrieve”:true, “scrollY”:”250px”, “scrollCollapse”: true, “scrollX”:”0″}

I work in Firefox 72 and in IE11 all shortcode doesn’t work all!

Firefox
https://prnt.sc/qqeo0g

IE11
https://prnt.sc/qqeoie

Maybe the problem is related to browsers? Everything works correctly for Android (even without scrollX 0).

That’s bad luck Dozen!

I checked the browser compatibility for jQuery DataTables:
https://datatables.net/download/compatibility
Firefox 72 should work.

Maybe you can post your question on the jQuery DataTables forum?
https://datatables.net/forums/

I’m out of ideas. Let me know when you have a solutions.

Best regards,
Peter

Peter,
thank you for your support and finding a solution.

I think I figured it out – it all depends on the browsers.

In Chrome, everything works correctly.
Firefox works, but not correctly.
It doesn’t work in IE.

Therefore, in other complex cases, you need to specify the browser type.

With respect, Dmitry

Good to hear you solved it Dmitry! ?? And thank you for sharing your solution.

Best regards,
Peter