How to add large data set example as responsive?

lovertech496

Hi,

I come across https://datatables.net/extensions/scroller/examples/initialisation/large_js_source.html where 50,000 records are quickly displayed.

How to make the columns as responsive to the above example. I tried usual way but it didn't work it out.

Please help me

Thanks

kthorngren

Did you install the responsive library? Use the download builder for this.

Did you enable responsive by adding the responsive option? See this example.

It could be the table is not wide enough to extend past the container thus not hiding columns. Try making the browser smaller.

If this doesn't help then 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

Kevin

lovertech496

I have tried the above and it doesn't work Kevin.

In general responsive option works but not with the example provided in the website.

You can directly check the source in the datatables.net example in the same link

kthorngren

I took the test case from your other thread and added responsive to it.
https://live.datatables.net/nihacipu/2/edit

It does work, here is a screenshot with the container at around 510px:

This is at around 525px and responsive is not needed so no columns are hidden:

Again if you are having trouble making this work the 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

lovertech496

Kevin, i also get green icons...However it doesn't work in actual mobile. I have tested and in mobile it got failed and it displays all the columns in shrink

lovertech496

no columns are hidden but they are very small in size. i am fine with green icon with listed as one by one..but it is not actually responsive...please test the above edit or sample in the mobile....

kthorngren

I tried my test case on an Iphone. The columns are able to fit within the iphone screen. The data in the columns is very small However once the data in a row is longer than the container responsive will kick in:
https://live.datatables.net/nihacipu/3/edit

Just because you enable responsive doesn't mean columns will be hidden if they fit within the container. However you can force rows to hide if you want. See this example and this doc.

Kevin

lovertech496

Awesome....