html - 固定表格单元格宽度

Question

很多人仍然使用表格来布局控件、数据等——其中一个例子是流行的 jqGrid。然而，发生了一些我似乎无法理解的魔法(它的 table 大声喊叫，可能有多少魔法？)

如何设置表格的列宽并让它像 jqGrid 一样服从!？如果我尝试复制它，即使我设置每个 <td style='width: 20px'> ，只要其中一个单元格的内容大于 20px，单元格就会展开!

有什么想法或见解？

Answer 1

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

http://www.w3schools.com/TAGS/tag_col.asp

<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; }