React Table Footers - Flowbite

Get started with a collection of footer components that you can append to the end of a table element to indicate pagination, table actions, information and more.


Default table footer with pagination

Use this free example to add a footer section to a table component to show a pagination component and indicate the number of data items being showed on one page.

View on GitHub
Showing 1-10 of 1000

Table footer with button

This free example can be used as a footer for the table component to show a button and the total amount of data items shown inside the table.

View on GitHub

Table footer with dropdown and link

This example can be used to show a dropdown menu with a button and a CTA link inside the footer of a table component.

View on GitHub

Table footer with select input pagination

Use this example to select the amount of rows you want to show inside a table and a simple pagination system with a next and previous button.

View on GitHub
1-10 of 100

Table footer with progress bar

This example can be used to show a progress bar in the footer section of a table component to indicate usage and statistics.

View on GitHub

Table footer with statistics

This example can be used to show statistics about the table component and allow users to export the data via CSV from inside the table using a button.

View on GitHub