响应列宽度 - 高度大小

Question

要显示一些数据我使用的是JQuery DataTables，但我需要将我的一个列的max-width限制为200px，因此在我的.css文件中使用此规则：

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

这限制了列的宽度，但如果内容超过200px，则会侵入下一列并与下一列的内容混合。

我需要的是，如果内容长度超过200px，则单元格会扩展高度，内容将在下一行继续。

所以我尝试使用jdatatables的选项：

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

但这并没有改变任何事情

我的表格标签如下：

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

对不起我的语法错误，如果你需要更多信息，请问我。

Answer 1

这应该有用，

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