javascript - 我们如何卡住html表格中的第一列和标题(有多行)

Question

我已经尝试了很多解决方案来卡住第一列和标题(有多行)，但在每个解决方案中我都必须使用自定义CSS(根据解决方案的CSS)。

就我而言，我无法更改以前的 CSS。我想要在 div 滚动时可以卡住我的表格(动态的)的代码。

请提供解决方案。

Answer 1

我是这样做的:

<table style="table-layout: fixed">
    <tr>
        <td><div style="width:100px; position:fixed;">Frozen Header text</div></td>
    </tr>
    <tr>
        <td>Some data</td>
    </tr>
<table>

我不确定如何卡住第一列，但我想您可以尝试使用相同的策略，以及使用 <col> 进行格式化。标签，类似于:

<col style="width:100px; position:fixed;" />

尝试一下，请告诉我们您的进展。