reactjs - 使用 react-table-sticky 仅将样式添加到粘性元素

Question

我react-table-sticky用来使我的列具有粘性，现在我正在尝试将样式（右边框）添加到sticky. 当我检查粘性元素时，它们没有粘性元素的特定类名，而是data-sticky-td="true". 我找不到仅向它们添加样式的方法。您可以在此处查看我的代码沙箱示例

Answer 1

更新：

我通过检查该单元格是否具有粘性值并且它有效来添加一个类名。

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