Reactjs 使用react table sticky仅向粘滞元素添加样式
我正在使用Reactjs 使用react table sticky仅向粘滞元素添加样式,reactjs,react-table,react-table-v7,Reactjs,React Table,React Table V7,我正在使用react table sticky使我的列具有粘性,现在我正在尝试将样式(右边框)添加到具有粘性的表元素中。当我检查粘性元素时,它们没有粘性元素的特定类名,而是data sticky td=“true”。我找不到一种方法来只为它们添加样式。您可以看到我的代码沙盒示例已更新: 我添加了一个类名,方法是检查该单元格是否有粘性值,它是否有效 .. {row.cells.map((cell) => (
react table sticky
使我的列具有粘性,现在我正在尝试将样式(右边框)添加到具有粘性的表元素中。当我检查粘性元素时,它们没有粘性元素的特定类名,而是data sticky td=“true”
。我找不到一种方法来只为它们添加样式。您可以看到我的代码沙盒示例已更新:
我添加了一个类名,方法是检查该单元格是否有粘性值,它是否有效
..
{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>
))}
..
。。
{row.cells.map((cell)=>(
{cell.render(“cell”)}
))}
..