【发布时间】:2020-11-04 05:38:13
【问题描述】:
我正在使用react-table-sticky 使我的列具有粘性,现在我正在尝试为sticky 的表格元素添加样式(右边框)。当我检查粘性元素时,它们没有粘性元素的特定类名,而是data-sticky-td="true"。我找不到仅向它们添加样式的方法。可以看我的代码沙箱示例here
【问题讨论】:
标签: reactjs react-table react-table-v7
我正在使用react-table-sticky 使我的列具有粘性,现在我正在尝试为sticky 的表格元素添加样式(右边框)。当我检查粘性元素时,它们没有粘性元素的特定类名,而是data-sticky-td="true"。我找不到仅向它们添加样式的方法。可以看我的代码沙箱示例here
【问题讨论】:
标签: reactjs react-table react-table-v7
更新:
我通过检查该单元格是否具有粘性值来添加一个类名并且它可以工作。
..
{row.cells.map((cell) => (
<TableCell
{...cell.getCellProps()}
className={`${
cell.column.sticky === "left"
? "left-sticky-cell"
: cell.column.sticky === "right"
? "right-sticky-cell"
: ""
}`}
>
{cell.render("Cell")}
</TableCell>
))}
..
【讨论】: