響應列寬，高尺寸

Question

表現出一定的數據使用jQuery的數據表，但我需要爲我的專欄的一個限制max-width至200像素所以在我.css文件中使用這樣的規則：

table tbody > tr > td { 
    max-width: 200px; 
} 

，限制了列的寬度，但如果內容的長度超過200px，則侵入下一列並與下一列的內容混合。

我需要的是，如果內容較長塔200像素細胞擴大高度和內容在下一行繼續。

於是，我就用選項jdatatables：

$('#idTable').DataTable({ 
      "columns": [ 
       null, 
       null, 
       null, 
       null, 
       null, 
       { "widht": "200px" }, 
       null, 
       null, 
       null, 
      ], 
     }); 

但是doesn't改變什麼

我的表標籤如下所示：

<table width="100%" class="table table-hover display nowrap" id="idTable" cellspacing="0"> 

對不起，我不好的語法，如果你需要更多的信息只問我。

Answer 1

這應該工作，

table tbody > tr > td { 
    max-width: 200px; 
    overflow:hidden; 
}