Question

这似乎是一个简单的问题，但我似乎无法解决这个问题。

我有一个Datatables表，其中一个元素包含一个自由格式的文本字段。当在表格中显示时，我希望这只显示该文本字段的第一行，而不是全部。

我在这里创建了一个jsfiddle：JSFiddle

示例图片展示了我想要实现的目标：Example image

我已尝试将<td>的高度设置如下，但这不起作用。

height:     20px !important;
min-height: 20px !important;
max-height: 20px !important;

它适用于扩大细胞（例如：80px），但不能更小......

我也试过这个：JQuery Datatables row height但没有快乐。

非常感谢任何帮助。

Answer 1

当您在td中放置一个块元素时，它会起作用，例如div。有关工作代码，请参阅更新的fiddle。如果您只想限制更大的单元格，则应在CSS中使用max-height。

            <tr>
                <td>Brazil</td>
                <td>
                    <div>
                        500
                        <br>500
                        <br>500
                        <br>
                    </div>
                </td>
                <td>200</td>
            </tr>

数据表限制行高

1 个答案: