react-bootstrap-table-具有自己数据的列(不是来自数据集)

时间:2018-09-12 05:59:19

标签: javascript reactjs react-bootstrap-table

您好,我有一个带有一些列的表,数据取自API。现在,我需要添加另一列,在其中添加具有自己功能(每行的功能不同)的按钮。我能以某种方式做到吗?

    <BootstrapTable
      data={content}
      version="4"
      striped
      hover
      remote
      fetchInfo={{ dataTotalSize: totalSize }}
      pagination
      options={{
        onPageChange: this.onPageChange,
        hideSizePerPage: true,
        page: filters.page + 1,
        sizePerPage: filters.size,
        onFilterChange: this.onFilterChange,
      }}
      keyField="id"
      trClassName="tableRow"
      containerClass={content.length > 0 ? 'fullTable' : undefined}
    >
      {tableHeaders.map(header => (
        <TableHeaderColumn
          filter={header.filter}
          key={header.id}
          dataField={header.id}
          thStyle={{
            whiteSpace: 'normal',
            textAlign: 'center',
            lineHeight: 2,
          }}
          dataFormat={header.date && this.dateFormatter}
          width={header.width}
        >
            {header.name}
        </TableHeaderColumn>
      ))}
    </BootstrapTable>

我正在使用"react-bootstrap-table": "4.3.1"

0 个答案:

没有答案