react-bootstrap-table2 如何在一列中使用多个数据字段

Question

 const columns = [{
    dataField: 'firstName',
    text: 'Visitor Name'
  }, 
  {
    dataField: 'lastName',
    text: ''
  },];

  <BootstrapTable keyField='id' data={ products} columns={ columns } />

这里 firstName 和 lastName 应该在一个列中。

Answer 1

如果要在单个 Column 中显示多个数据字段，可以使用formatter prop Formatter function 。 它为您提供了单元格和行，您可以使用它们轻松地在单列中添加多个数据字段。 这是适合您的工作示例 -示例