asp.net - 如何固定表行顶部

Question

我打算用我用过的 div 替换表格

<div class="div-table">
    <div class="div-table-row">
        <div class="div-table-col">Benefits</div>
    </div>
    <div class="div-table-row">
        <div class="div-table-col">Preferences</div>
    </div>
</div>

使用 CSS

.div-table{ display:table; }
.div-table-row{ display:table-row;  }
.div-table-col{ display:table-cell; }

我想修复表格行顶部的 .div-table-row1、.div-table-row2、.div-table-row3 ... 等

以便在运行时我可以通过更改行的样式来重新排列行。 这样如果我只给它分配 .div-table-row1 首选项就可以排在第一行。

Answer 1

我担心使用 CSS 实现这一目标(假设我的目标正确)是相当不切实际的。你需要移动 <div> s 通过改变他们的位置，例如使用 position: absolute -- 同样，这没有多大意义。

您可能需要考虑 JavaScript 解决方案。没有特别建议使用 jQuery，但是这个 jQuery 插件非常有用:Tablesorter .