JAVASCRIPT

react bootstrap table

// import Table from 'react-bootstrap/Table'

<Table>
  <thead>
    <tr>
      <th>#</th>
      <th>First Name</th>
      <th>Last Name</th>
      <th>Username</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <td>3</td>
      <td colSpan={2}>Larry the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</Table>

make table responsive react-bootstrap-table2

<BootstrapTable
    keyField='id'
    data={tableData}
    columns={columns}
    pagination={paginationFactory()}
    striped
    bordered={false}
    wrapperClasses="table-responsive" // This is the style provided by bootstrap 4, this will set the parent div with that class
/>