具有固定（附加）parent 行的树数据 table

Question

有一个 table 是使用 Ant Design Table 组件和 React 执行的，它具有 tree-like 数据结构：

有些列固定在左侧。

要求在上下滚动 table 时，这些列的行应保持在 table 的顶部，以便用户始终可以看到 parents .

有什么 suitable 方法可以做到吗？我已经搜索过这样的库，但是只找到了后缀 headers，而不是具有 table 结构的任意行。

Answer 1

原来有一个简单的解决方法：

.ant-table-row-level-0 {
  position: sticky;
  top: 0;
  background: white;
  z-index: 99;
}

.ant-table-row-level-1 {
  position: sticky;
  top: (height of first row);
  background: white;
  z-index: 99;
}

...

具有固定（附加）parent 行的树数据 table

Tree data table with fixed (affix) parent rows

css

html-table

affix

reactjs

antd