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

Popular posts from this blog

java - nested exception is org.hibernate.exception.SQLGrammarException: could not extract ResultSet Hibernate+SpringMVC -

sql - Postgresql tables exists, but getting "relation does not exist" when querying -

asp.net mvc - breakpoint on javascript in CSHTML? -