Tailwind CSS Table
Present data cleanly with David UI’s table component. Tailwind CSS ensures responsive layouts with support for features like sorting and pagination.
Explore below our Tailwind CSS component examples to build effective and visually appealing tables.
Basic Table
A simple table layout for displaying rows of data with headers, body content, and actions such as editing.
Table With Striped Row
Use this Tailwind CSS table component featuring alternating background colors for rows, improving readability.
Table With Striped Column
Try this table showcasing alternating column colors for better data distinction and a cleaner look.
Transaction Table
This component example shows a table designed to display recent transactions with details like amount, date, status, and associated accounts, complete with search and pagination features.
Recent Transactions
These are details about the last transactions
| Transaction | Amount | Date | Status | Account | |
|---|---|---|---|---|---|
Spotify
|
$2,500 | Wed 3:00pm |
paid
|
visa 1234
06/2026
|
|
Amazon
|
$5,000 | Wed 1:00pm |
paid
|
master card 1234
06/2026
|
|
Pinterest
|
$3,400 | Mon 7:40pm |
pending
|
master card 1234
06/2026
|
|
Google
|
$1,000 | Wed 5:00pm |
paid
|
visa 1234
06/2026
|
|
netflix
|
$14,000 | Wed 3:30am |
cancelled
|
visa 1234
06/2026
|
Members Table
Use this example to display a list of members with details like role, status, and email, alongside filtering, search, and pagination functionality.
Members list
See information about all members
| Member | Function | Status | Employed | |
|---|---|---|---|---|
John Michael
[email protected]
|
Manager
Organization
|
Online
|
23/04/18 | |
Alexa Liras
[email protected]
|
Programator
Developer
|
Offline
|
23/04/18 | |
Laurent Perrier
[email protected]
|
Executive
Projects
|
Offline
|
19/09/17 | |
Michael Levi
[email protected]
|
Programator
Developer
|
Online
|
24/12/08 | |
Richard Gran
[email protected]
|
Manager
Executive
|
Offline
|
04/10/21 |
Sortable Table
Add this table with sortable headers to your project, allowing users to organize and filter data based on various columns such as name, status, and employment date.
Members list
See information about all members
| Member | Function | Status | Employed | |
|---|---|---|---|---|
|
John Michael
[email protected]
|
Manager
Organization
|
Online
|
23/04/18 | |
|
Alexa Liras
[email protected]
|
Programator
Developer
|
Offline
|
23/04/18 | |
|
Laurent Perrier
[email protected]
|
Executive
Projects
|
Offline
|
19/09/17 | |
|
Michael Levi
[email protected]
|
Programator
Developer
|
Online
|
24/12/08 | |
|
Richard Gran
[email protected]
|
Manager
Executive
|
Offline
|
04/10/21 |
