React-table: Hide number row selection dropdown

[yjadhav]

Hello,

How i can hide dropdown which is used to select number of rows to display in the table.

[JacobTheEvans]

If you are just trying to remove the pagination from the bottom then you need to disable the pagination for the table.

<ReactTable
  data={data}
  columns={columns}
  showPagination={false}
/>

If you want pagination but dont want the row selection then your left with two options.

1. Either pass in a custom component for pagination

<ReactTable
  data={data}
  columns={columns}
  PaginationComponent={CustomPagination}
/>

function CustomPagination () {
 // look at docs for how to build custom component
  return false
}

1. You can just set the amount of rows manually and hide the row selection with CSS.

<ReactTable
  data={data}
  columns={columns}
  defaultPageSize={20}
/>

.-pageSizeOptions {
 display: none;
}

[kyawkyawsoezhu]

showPageSizeOptions: false