How to convert table into using react bootstrap table2

[mayurpande]

How would I convert a normal table into it a scrollable table?

My current table is as follows;

              {
                this.props.companies.length > 0 && (
                    <table>
                      <thead>
                        <tr>
                          <th></th>
                          <th>Name</th>
                          <th>Issuance Size</th>
                          <th>Current Yield</th>
                          <th>Sector</th>
                          <th>Revenue</th>
                          <th>Intrest to Cash flow coverage</th>
                          <th>Cash flow to debt ratio</th>
                          <th>Time left</th>
                        </tr>
                      </thead>
                      <tbody>
                        {
                          this.props.companies.map((company, index) => <ConnectedCompany key={company.id} company={company} />)
                        }
                      </tbody>
                    </table>
                )
              }

[mayurpande]

Is some thing like this valid;

products = [{ 'Name' : { company['Company Name'] } , 'checkbox' : <input type='checkbox' checked={company.selected} onChange={() => company.selected ? deselectCompany(company.id) : selectCompany(company.id)} /> }]

[AllenFang]

@mayurpande hello, we don't support the scrollable table right now, will consider to implement it.

[mayurpande]

@AllenFang ah ok, nevermind, I may use the old version for now then. Is this the correct way that I have set it up?

[AllenFang]

@mayurpande sure, you can use old one, but I already didn't maintain the old one. But I think old one is still stable :)