数据表问题

Question

我正在使用此链接中提到的数据表

现在我的桌子是5列。

问题是，第二列的名称非常冗长。

此多重过滤器在表格底部显示选项。

现在我有一个问题。 由于第二列的名称非常冗长，因此该列下方的底部“ option”单元格非常冗长，使得表格列超出了html页面。

如何减少该“底部”列？

Answer 1

我不明白您对“底”列的意思，但是我可以告诉您我在jquery-datatables中也遇到了同样的问题。

解决方案1：将滚动条添加到包含数据表的div中，因此如果滚动条太大，将不会占据所有页面。 例如“溢出：自动”。

解决方案2：使包含数据表的所有父级具有自动高度（无固定高度），以允许页面扩展到数据表占用的空间。

PD：您可以增加列2的宽度。

Answer 2

您必须为表设置固定布局，如下所示：

table{
   table-layout:fixed;
}

而已。