imballinst / react-bs-datatable

Bootstrap datatable without jQuery. Features include: filter, sort, pagination, checkbox, and control customization.
https://imballinst.github.io/react-bs-datatable
MIT License
60 stars 20 forks source link

How do I move the pagination to bottom of the table if I am not using storybook? #93

Closed Gwachukwu closed 3 years ago

imballinst commented 3 years ago

@Gwachukwu hello! Here is the sandbox example to do it: https://codesandbox.io/s/extend-table-example-myv9b?file=/src/index.js

We don't need Storybook to move the pagination to bottom of the table. What we need is to compose our own table like this:

https://github.com/imballinst/react-bs-datatable/blob/757de71d5168e99b9699255c52722e5c3cebb9cf/src/__stories__/02-advanced/00-Extending.stories.js#L13-L128

What we are doing is that, instead of using Datatable, we are creating our own custom table with the components defined from the Components variable. After that, we can place our components wherever we want to. In this case, I am moving the pagination to the bottom right.

Gwachukwu commented 3 years ago

@imballinst Thank you. that was useful