固定表格单元格宽度

一尘不染

固定表格单元格宽度

html

许多人仍然使用表格来布局控件，数据等。-流行的jqGrid就是一个例子。但是，发生了一些我似乎无法理解的魔术（它的桌子大声喊叫，可能有多少魔术？）

如何设置表的列宽并使它像jqGrid那样遵守！？如果我尝试复制此内容，即使我设置了every <td style='width: 20px'>，只要这些单元格之一的内容大于20px，该单元格就会展开！

有什么想法或见解吗？

阅读 262

2020-05-10

共1个答案

一尘不染

您可以尝试<col>对所有行使用标签管理表样式，但是您需要table-layout:fixed在<table>或表css类上设置overflow样式并为单元格设置样式

<table class="fixed">
    <col width="20px" />
    <col width="30px" />
    <col width="40px" />
    <tr>
        <td>text</td>
        <td>text</td>
        <td>text</td>
    </tr>
</table>

这是你的CSS

table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }

2020-05-10