jquery - Responsive column width-height size -
to show data use jquery datatables need limit max-width
1 of column 200px in .css
file use rule:
table tbody > tr > td { max-width: 200px; }
that limit width of columns if content it's longer 200px invade next column , mix content of next column.
what need is, if content longer tha 200px cell expand height , content continue in next line.
so tried use options jdatatables
:
$('#idtable').datatable({ "columns": [ null, null, null, null, null, { "widht": "200px" }, null, null, null, ], });
but doesn´t change anything
my table tag looks this:
<table width="100%" class="table table-hover display nowrap" id="idtable" cellspacing="0">
sorry bad grammar, if need more info ask me.
this should work,
table tbody > tr > td { max-width: 200px; overflow:hidden; }
Comments
Post a Comment