Responsive Design issue

sylver12

Hello i have problem when i set up a datatable columns are out in range of browser window,
as you can see in the picture below

i tried to set responsive proprety to true and with datatble.responsiv
but i got an other issue that datatable make it as extra informations, and i already have it to show other informations and i got in conflicts with both of extra-data

So my goal is to have all columns shown in one row, and are also responsive ( in window average )

tangerine

Possibly the same issue as this:
https://datatables.net/forums/discussion/66132/click-event-on-row-fires-before-click-on-responsive-page

kthorngren

Some things to check:

1. Make sure you have style="width:100%" on your table tag as described in this example.
2. Looks like you are using tabs. You might need to use columns.adjust() as shown in this example. Also you might need to use responsive.recalc().

If these don't help then you have something specific with your page that we will need to see to help. Please post a link to your page or a running test case replicating the issue for help with debugging.
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

Kevin

sylver12

It worked after i added style="width:100%"
i never made attention on that before
thank you for the answer