react-bootstrap-table2 how to use multiple datafields in a column

Question

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

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

Here firstName and lastName should be in one column.

Dharman · Accepted Answer · 2021-04-07 06:20:24Z

4

If you want to show multiple data fields in a single Column, you can use formatter prop Formatter function. It gives you cell and row with which you can easily add multiple datafields in single columns. Here is the working example for you - Example

edited Apr 7, 2021 at 6:20

Dharman♦

33.9k27 gold badges106 silver badges157 bronze badges

answered Apr 7, 2021 at 6:14

dhellryder

911 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

react-bootstrap-table2 how to use multiple datafields in a column

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related