How to merge header cells in react-bootstrap-table?

Question

React

Guys, tell me pliz, in the render the library has columns

<div>
        <BootstrapTable data={this.props.data}
                        insertRow={true}
                        deleteRow={true}
                        selectRow={selectRowProp}
                        options={options}
        >
          <TableHeaderColumn isKey dataField='id'
          >
            ID
          </TableHeaderColumn>
          <TableHeaderColumn dataField='name'
          >
            Name
          </TableHeaderColumn>
          <TableHeaderColumn dataField='value'
          >
            Value
          </TableHeaderColumn>
        </BootstrapTable>
      </div>

I need to have two lines in the header, headings in the first line, and two cells (plan / fact) in the second line for each heading (column).
that is, the body of the table itself has six columns, and in the header there are 1 line 3 columns, the 2nd line 6 columns. Help me figure out how to do this, thanks everyone!!!