Resize column

Resize column

ddmbest88ddmbest88 Posts: 1Questions: 0Answers: 0

Hello Everybody!
I have a problem with the table i am working with. The problem is when i navigage to the table with a cellphone or any xs display.
The columns doesn't fit to the contents and stays large adding a scroll y to the whole table. This is annoyng for the user that has some relevant data that needs to be on the screen while consulting (data would be normally fit since removing datatables, it does). this is how i create the table:

$(document).ready( function () {
var table = $('#tabella_dati').DataTable( {
"destroy": true,
"responsive": true,
"language": {
"url": "//cdn.datatables.net/plug-ins/1.10.20/i18n/Italian.json"
},
"ajax":"../doCarrelli?trigger=true&rangea=&rangeb="
});

And there is how i am defining table in html:

<

table class="table table-bordered table-condensed " class="hidden" id="tabella_dati" >
any advice on how to reach the goal?
thanks for reply and help

Replies

  • allanallan Posts: 61,438Questions: 1Answers: 10,049 Site admin

    Add width="100%" as an attribute to your table tag. If that doesn't fix it, please link to a test case showing the issue.

    Thanks,
    Allan

This discussion has been closed.