I have a screen where the data is shown in the following form:
When accessing on smaller screens (cell phones, tablets), the datatable appears cut, however the horizontal scroll bar does not appear, so the user can not see the other half of the table. What could I do?
Note: This problem only came up after I started using datatable, because if I use a normal table scrolling appears.
It should have some
overflow: hidden;
in the container's parent container's CSS, or even in the body, so in smaller resolutions, the screen decreases and the content disappears. Just remove it or modify it to
overflow: auto;
That is resolved:)
For smaller screens I usually use a div with the Table-responsive class encompassing the table. I hope you have helped.
Example:
<div class="table-responsive">
<table class="table">
...
</table>
</div>