小编典典

固定表格单元格宽度

html

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

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

有什么想法或见解吗?


阅读 295

收藏
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