Scrolling on datatables scroll

Topic: Scrolling on datatables scroll

Leo asked 5 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

After click on the THEAD Sortby

Mateusz Łubianka staff commented 5 years ago

Hi @Leo,

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

Best,

Leo commented 5 years ago

https://mdbootstrap.com/snippets/jquery/leographikgmail-com/1992161

Add comment

Mateusz Łubianka staff answered 5 years ago

0 0 Best answer

@Leo,

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
})

Best,

Leo commented 5 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

Add comment

Mateusz Łubianka staff answered 5 years ago

0 0 Best answer

@Leo,

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

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

Best,

Add comment

Leo answered 5 years ago

0 0 Best answer

@Mateusz Łubianka,

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

Add comment