Question

我有带列的表格：

DOMContentLoaded

此外，我可以动态更改页面宽度和表格宽度，也可以动态更改列宽。

当我增加宽度时，列宽会按比例增加。

如何冻结特定列的宽度？

Answer 1

很难说，看起来您只显示了部分 HTML。我假设您已经在 CSS 中定义了 certainColumn 类，其内容类似于以下内容：

.certainColumn {
    width: 100px;
}

因为您应用了 table-layout: fixed，所以第一行决定了列宽。可能在显示的行之前还有其他行决定列宽。

通常情况下，标题行应用了任何固定宽度，然后宽度会应用到之后的每一行。

<table ...>
    <tr>
        <th>...</th>
        <th class="thFixedWidth">...</th>
        <th>...</th>
    </tr>
    <tr>
        <td>...</td>
        <td>inherits fixed width from header column</td>
        <td>...</td>
    </tr>
</table>

<style>.thFixedWidth { width: 100px; }</style>

如何为表格中的某些列设置固定宽度？

1 个答案: