小编典典

引用多个行属性的react-table自定义单元格组件

reactjs

我需要实现按列的表排序,所以要
使用react-table的ReactTable组件重写我的react表组件。

表单元格之一将包含一个链接,并且需要访问多个一行
属性。到目前为止,链接列代码如下所示:

{
    Header: "Name",
    accessor: "name",
    Cell: cellInfo => (
        <Link className="scenarioDetailLink"
              to={cellInfo.row.linkDestination}
              id={cellInfo.row.linkName}>{cellInfo.row.name}</Link>
    )
},

生成的锚元素缺少id和href属性。我做错了。


阅读 623

收藏
2020-07-22

共1个答案

小编典典

原来我需要使用cellInfo.original而不是cellInfo.row。当你提供Cell你应该使用渲染器cellInfo.original来获得所有的行数据(尤其是如果你不显示,数据列)。在row只有什么是显示在表格中。

2020-07-22