React Advanced Tables - Flowbite

Get started with a collection of advanced table components based on multiple layouts and styles to show a complex set of data using rows and columns built with Tailwind CSS.


Default table

Use this free example of a table component with a search bar, filter dropdown, and a dataset of rows and columns to show complex data in your application.

View on GitHub
Product nameCategoryBrandDescriptionPriceActions
Apple iMac 27"PCApple300$2999
Apple iMac 20"PCApple200$1499
Apple iPhone 14"PCApple1237$2999
Apple iPad AirPCApple4578$1199
Xbox Series SGaming/ConsoleMicrosoft256$299
PlayStation 5Gaming/ConsoleSony78$799
Xbox Series XGaming/ConsoleMicrosoft200$699
Apple Watch SEWatchApple657$399
NIKON D850CameraNikon465$599
Monitor BenQ EX2710QTV/MonitorBenQ354$499

Table with products

This responsive table component can be used to show a list of products with images, categories, sales generated, and ratings in your e-commerce platform.

View on GitHub
All Products: 123456
Total sales: $88.4k
ProductCategoryStockSales/DaySales/MonthRatingSalesRevenueLast Update
Apple iMac 27"Desktop PC
95
1.470.47

5.0

1.6M
$3.2MJust now
Apple iMac 20"Desktop PC
108
1.150.32

5.0

6M
$785KThis week
Apple iPhone 14Phone
24
1.000.99

4.0

1.2M
$3.2MJust now
Apple iPad AirTablet
287
0.471.00

4.0

298K
$425KJust now
Xbox Series SGaming/Console
450
1.610.30

5.0

99
$345KThis week
PlayStation 5Gaming/Console
2435
1.410.11

4.0

2.1M
$4.2MThis week
Xbox Series XGaming/Console
235
7.093.32

5.0

989K
$2.27MJust now
Apple Watch SEWatch
433
4.960.74

5.0

102
$45K2 weeks ago
NIKON D850Photo/Video
351
0.200.74

3.0

1.2M
$1.52M3 weeks ago
Monitor BenQ EX2710QTV/Monitor
1242
4.120.30

4.0

211K
$1.2MJust now

Table with expandable rows

Use this example to expand a table row when clicking on it and show more details about a given data entry such as images, descriptions, and more.

View on GitHub
Flowbite Products
6,560 results
More info
Expand/Collapse RowProductCategoryBrandPriceStockTotal SalesStatus
Apple iMac 27"PCApple$2999200245Active
Apple iMac 20"PCApple$149912372000Active
Apple iPhone 14PhoneApple$999300466Active
Apple iPad AirTabletApple$1199457690Active
Xbox Series SGaming/ConsoleMicrosoft$299563087Active
PlayStation 5Gaming/ConsoleSony$799782999Active
Xbox Series XGaming/ConsoleMicrosoft$6992001870Active
Apple Watch SEWatchApple$3996575067Active
NIKON D850PhotoNikon$5994651870Active
Monitor BenQ EX2710QTV/MonitorBenQ$49935476Active
Purchase price
$ 3,567,890
Total selling price
$ 8,489,400

Project management table (user tasks)

Use this example to show a list of tasks (to-do items) with checkboxes, filter elements and user avatars inside a responsive table component.

View on GitHub
All Tasks
TaskStatusUsersProgressPreviewTime TrackingDue DateActions
Upload feed and Reels in InstagramIn progress
75%
Website
6:47/8:00
23 Nov 2022
Crossplatform analysisCompleted
100%
Website
7:00
03 Nov 2022
Product features analysisIn progress
50%
Website
3:25/8:00
Yesterday
Create use storyCompleted
100%
Website
8:00
23 Nov 2022
Users profile updateIn progress
20%
Website
4:21/8:00
Yesterday
User flow updateCompleted
100%
Website
7:00
23 Oct 2022
Update design systemIn review
100%
Website
7:00
02 Nov 2022
Create a new logoCompleted
100%
Website
5:00
30 Oct 2022
Screen structureIn review
100%
Website
2:00
23 Nov 2022
Implement GPT 3In progress
25%
Website
3:11/8:00
Today

User management table (CRUD)

Use this example to show all the users from an application inside a row where you can show the avatar, role, status, social profiles, and CRUD actions.

View on GitHub
All Users: 1,356,546
Projects: 884
UserUser RoleStatusSocial profilePromoteRatingLast LoginActions
Jese Leos
Administrator
Active
4.7
20 Nov 2022
Bonnie Green
Viewer
Active
3.9
23 Nov 2022
Leslie Livingston
Moderator
Inactive
4.8
19 Nov 2022
Michael Gough
Moderator
Active
5
27 Nov 2022
Joseph McFall
Viewer
Active
4.2
20 Nov 2022
Robert Brown
Viewer
Inactive
4.5
20 Nov 2022
Karen Nelson
Viewer
Inactive
4.1
18 Nov 2022
Helene Engels
Moderator
Active
3.8
27 Nov 2022
Lana Byrd
Viewer
Active
4.8
20 Nov 2022
Neil Sims
Moderator
Inactive
5
20 Nov 2022

Comparison table

This example can be used to compare multiple data sets such as products inside a table showing the differences in specifications based on rows and columns.

View on GitHub
Compare Products
More info
iMac Front
Xbox Series S
iMac Front
PlayStation 5
iMac Front
Xbox Series X
General Information
BrandMicrosoftSonyMicrosoft
Product NameXbox Series SPlayStation 5Xbox Series X
ColorsWhiteWhite/BlackBlack
CategoryGaming/ConsoleGaming/ConsoleGaming/Console
Price$499$599$299
Technical Information
PlatformXbox Series SPlayStation 5 Digital EditionXbox Series X
RAM16GB GDDR616GB GDDR616GB GDDR
CPU8-core, 3.6 GHz AMD Zen 28-core 3.5 GHz AMD Zen 28-core 3.8 GHz AMD Zen 2
GPU4 teraflop AMD RDNA 210.3 teraflop AMD RDNA 212 teraflop AMD RDNA 2
Storage512 GB custom NVMe SSD825 GB custom SSD1 TB custom SSD
ResolutionUp to 2KUp to 8KUp to 8K
Frame RateUp to 120 fpsUp to 120 fpsUp to 120 fps
Optical Drive
ConTable.Rowoller111
Web ConnectionEthernet/Wi-FiEthernet/Wi-FiEthernet/Wi-Fi
Delivery
CounTable.RowyWorldwideWorldwideWorldwide
Duration5-10 Days30 Days30 Days
Tax2.5%2.5%2.5%
Tax2.5%2.5%2.5%

Table with sortable rows

Use this example of a responsive table to show sortable rows and a lift of products with details such as category, price, sales, and status.

View on GitHub
All products
ProductCategoryBrandPriceStockTotal SalesStatusActions
iMac FrontApple iMac 27"PCApple$2999200245Active
iMac FrontApple iMac 20"PCApple$149912372000Active
iMac FrontApple iPhone 14PhoneApple$999300466Inactive
iMac FrontApple iPad AirTabletApple$1199457690Active
iMac FrontXbox Series SGaming/ConsoleMicrosoft$299563087Pending
iMac FrontPlayStation 5Gaming/ConsoleSony$799782999Active
iMac FrontXbox Series XGaming/ConsoleMicrosoft$6992001870Active
iMac FrontApple Watch SEWatchApple$3996575067Inactive
iMac FrontNIKON 2850PhotoNikon$5994651870Pending
iMac FrontBenQ EX2710QTV/MonitorBenQ$49935476Active
Purchase price
$ 3,567,890
Total selling price
$ 8,489,400