Topic: Scrolling on datatables scroll

Leo free asked 4 years ago

I have a big general scrolling height when load page, when integrate datables and reduce the height to 450.

When reduce with the mouse, this scrollbar is deleted. I would like is deleted on the first load.

Note : My private Snippet is "Masonry"

And on this snippet not possible to create 2 datatables in the same card with tabs ?

On my personnal version is ok but the "thead" and "tfoot" when load not good property on the second TAB, but when click first time on the thead the initialization is ok !

When Load When Load

After click on the THEAD Sortby After click on the THEAD Sortby

Leo free commented 4 years ago

Mateusz Łubianka staff commented 4 years ago

Hi @Leo,

Can you show your code? I will try to help you.


Leo free answered 4 years ago

@Mateusz Łubianka,

On your second video. If you see when the second tab is with search the width column header are not initialize !

Mateusz Łubianka staff answered 4 years ago


This is version without $(document).ready. Datatatables on second tab it doesn't work. There are some errors in the console:

Here is example with $(document).ready: In this case, datatables on the second tab works.


Mateusz Łubianka staff answered 4 years ago


I can't see any scrollbar on page load. enter image description here

To use 2 datatables on tabs, place all code inside $(document).ready function:

$(document).ready(function() {

 // Your code


Leo free commented 4 years ago

It's on my second Tab, no the first ;) On local is initialize ok but is not good width (screenchots join). On my snippet MDB not initialization

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.15.0
  • Device: Imac 27\\\\
  • Browser: Chrome
  • OS: Max OS Catalina
  • Provided sample code: No
  • Provided link: No