【问题标题】:Add styles to only sticky elements with react-table-sticky使用 react-table-sticky 仅将样式添加到粘性元素
【发布时间】:2020-11-04 05:38:13
【问题描述】:

我正在使用react-table-sticky 使我的列具有粘性,现在我正在尝试为sticky 的表格元素添加样式(右边框)。当我检查粘性元素时,它们没有粘性元素的特定类名,而是data-sticky-td="true"。我找不到仅向它们添加样式的方法。可以看我的代码沙箱示例here

【问题讨论】:

    标签: reactjs react-table react-table-v7


    【解决方案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>
                      ))}
                     ..
    
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-11-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-12-25
      • 2020-04-30
      • 1970-01-01
      相关资源
      最近更新 更多