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”)}
))}
..