Columns width is asymmetrical in multiple tables

laoeq

I using multiple tables on my view

$(document).ready(function() {
$('table.display').DataTable({
"paging": false,
"info": false,
"searching": false
});
});

But the problem is with width. Columns width is asymmetrical, there is any solution for this?

This is how columns looks like: http://postimg.org/image/6ma262ebx/

allan

It looks like you have three separate tables - is that correct? If so you would need to use a fixed layout to have them work as expected. Without a test case (as required by the forum rules) its difficult for me to say more.

Allan

laoeq

Yes tables are separte. If i will set constant value for width, then i will lost responsively.

allan

You can try setting a width attribute for your columns as a percentage value. However, this is more of a general HTML / CSS issue that specifically DataTables, so I'm not sure how much help I will be able to offer here.

Allan