CODEWITHSUNDEEP
reactjsreact-table
Murakami
Murakami

Reputation: 3760

Horizontal scroll in React Table

I have a problem to get pretty basic functionality, ie. I'd like to set horizontal scroll on React table when the page is less wider then the table size. There is nothing unusual in my code but I'll leave it here anyway:

<ReactTable
  data={bookingPerson}
  columns={columns}
  className="-striped -highlight"
  defaultPageSize={7}
  loading={loading}
/>

Upvotes: 6

Views: 37522

Answers (1)

Tamal
Tamal

Reputation: 46

Just simply add style with a height of 400px, that will force it to be scroll able.

<ReactTable
      data={bookingPerson}
      columns={columns}
      className="-striped -highlight"
      defaultPageSize={7}
      loading={loading}
      style={{
        height: "400px"
      }}
 />

Upvotes: 3

Related Questions