Custom Tables

Custom Table with Search

Add the data-table attribute to the parent container of the table and the search input container.
Then, add data-table-search to the search input element to enable search functionality.

Product	SKU	Category	Stock	Price	Orders	Rating	Status	Published
Wireless Earbuds by: My Furniture	WB-10245	Electronics	56	$59.99	124	(87)	Published	18 Apr, 2025 12:24 PM
Smart LED Desk Lamp by: BrightLite	SL-89012	Home & Office	32	$39.49	78	(54)	Pending	22 Apr, 2025 09:45 AM
Men's Running Shoes by: ActiveWear Co.	RS-20450	Fashion	120	$89.00	231	(142)	Published	24 Apr, 2025 03:10 PM
Fitness Tracker Watch by: FitPulse	FT-67123	Fitness	78	$49.95	198	(89)	Published	23 Apr, 2025 10:12 AM
Gaming Mouse RGB by: HyperClick	GM-72109	Gaming	120	$29.99	243	(102)	Published	19 Apr, 2025 05:56 PM

Custom table with checkbox select

Add the attribute data-table to the parent container of the table, and use data-table-select-all on the checkbox input in the table header to enable select all functionality.

Product	SKU	Category	Stock	Price	Orders	Rating	Status	Published
Wireless Earbuds by: My Furniture	WB-10245	Electronics	56	$59.99	124	(87)	Published	18 Apr, 2025 12:24 PM
Smart LED Desk Lamp by: BrightLite	SL-89012	Home & Office	32	$39.49	78	(54)	Pending	22 Apr, 2025 09:45 AM
Men's Running Shoes by: ActiveWear Co.	RS-20450	Fashion	120	$89.00	231	(142)	Published	24 Apr, 2025 03:10 PM
Fitness Tracker Watch by: FitPulse	FT-67123	Fitness	78	$49.95	198	(89)	Published	23 Apr, 2025 10:12 AM
Gaming Mouse RGB by: HyperClick	GM-72109	Gaming	120	$29.99	243	(102)	Published	19 Apr, 2025 05:56 PM

Custom table with delete buttons

Add the attribute data-table to the parent container of the table.
For single row deletion, add data-table-delete-row to the delete button inside the row.
For multiple row deletion, add data-table-select-all to the header checkbox and data-table-delete-selected to the bulk delete button.

Product	SKU	Category	Stock	Price	Orders	Rating	Status	Published
Wireless Earbuds by: My Furniture	WB-10245	Electronics	56	$59.99	124	(87)	Published	18 Apr, 2025 12:24 PM
Smart LED Desk Lamp by: BrightLite	SL-89012	Home & Office	32	$39.49	78	(54)	Pending	22 Apr, 2025 09:45 AM
Men's Running Shoes by: ActiveWear Co.	RS-20450	Fashion	120	$89.00	231	(142)	Published	24 Apr, 2025 03:10 PM
Fitness Tracker Watch by: FitPulse	FT-67123	Fitness	78	$49.95	198	(89)	Published	23 Apr, 2025 10:12 AM
Gaming Mouse RGB by: HyperClick	GM-72109	Gaming	120	$29.99	243	(102)	Published	19 Apr, 2025 05:56 PM

Custom table with pagination

Add the data-table attribute to the container of the table.
To set the number of rows per page, add data-table-rows-per-page="5" (default 10) on the same container.
To enable pagination, add the data-table-pagination attribute to the pagination element.
To set rows per page dynamically, add the data-table-set-rows-per-page attribute to a <select> element with numeric options.

Product	SKU	Category	Stock	Price	Orders	Rating	Status	Published
Wireless Earbuds by: My Furniture	WB-10245	Electronics	56	$59.99	124	(87)	Published	18 Apr, 2025 12:24 PM
Smart LED Desk Lamp by: BrightLite	SL-89012	Home & Office	32	$39.49	78	(54)	Pending	22 Apr, 2025 09:45 AM
Men's Running Shoes by: ActiveWear Co.	RS-20450	Fashion	120	$89.00	231	(142)	Published	24 Apr, 2025 03:10 PM
Fitness Tracker Watch by: FitPulse	FT-67123	Fitness	78	$49.95	198	(89)	Published	23 Apr, 2025 10:12 AM
Gaming Mouse RGB by: HyperClick	GM-72109	Gaming	120	$29.99	243	(102)	Published	19 Apr, 2025 05:56 PM
Modern Lounge Chair by: UrbanLiving	FC-31220	Furniture	24	$199.00	38	(27)	Out of Stock	18 Apr, 2025 11:30 AM
Plush Toy Bear by: Softies	TY-00788	Toys	150	$15.99	305	(120)	Published	17 Apr, 2025 04:21 PM
55" Ultra HD Smart TV by: ViewMaster	TV-5588	Electronics	64	$499.00	142	(88)	Published	25 Apr, 2025 10:10 AM
Apple iMac 24" M3 by: Apple	IMAC-M3-24	Computers	18	$1,399.00	29	(16)	Pending	24 Apr, 2025 02:14 PM
Smart Watch Pro X2 by: FitTech	SWPX2-GL	Wearables	85	$149.50	197	(65)	Published	23 Apr, 2025 08:00 AM

Custom table with pagination info

Add the data-table attribute to the container of the table.
To set the number of rows per page, add data-table-rows-per-page="5" to the same container (default is 10).
To enable pagination, add the data-table-pagination attribute to the pagination element.
To show pagination info, add the data-table-pagination-info attribute to the info element.
By default, it displays: Showing 1 to ... entries. You can customize it by setting data-table-pagination-info="products" to show: Showing 1 to ... products.

Product	SKU	Category	Stock	Price	Orders	Rating	Status	Published
Wireless Earbuds by: My Furniture	WB-10245	Electronics	56	$59.99	124	(87)	Published	18 Apr, 2025 12:24 PM
Smart LED Desk Lamp by: BrightLite	SL-89012	Home & Office	32	$39.49	78	(54)	Pending	22 Apr, 2025 09:45 AM
Men's Running Shoes by: ActiveWear Co.	RS-20450	Fashion	120	$89.00	231	(142)	Published	24 Apr, 2025 03:10 PM
Fitness Tracker Watch by: FitPulse	FT-67123	Fitness	78	$49.95	198	(89)	Published	23 Apr, 2025 10:12 AM
Gaming Mouse RGB by: HyperClick	GM-72109	Gaming	120	$29.99	243	(102)	Published	19 Apr, 2025 05:56 PM
Modern Lounge Chair by: UrbanLiving	FC-31220	Furniture	24	$199.00	38	(27)	Out of Stock	18 Apr, 2025 11:30 AM
Plush Toy Bear by: Softies	TY-00788	Toys	150	$15.99	305	(120)	Published	17 Apr, 2025 04:21 PM
55" Ultra HD Smart TV by: ViewMaster	TV-5588	Electronics	64	$499.00	142	(88)	Published	25 Apr, 2025 10:10 AM
Apple iMac 24" M3 by: Apple	IMAC-M3-24	Computers	18	$1,399.00	29	(16)	Pending	24 Apr, 2025 02:14 PM
Smart Watch Pro X2 by: FitTech	SWPX2-GL	Wearables	85	$149.50	197	(65)	Published	23 Apr, 2025 08:00 AM

Custom table with filters

Add the data-table attribute to the container of the table.
To enable filtering, add the data-table-filter="filter-name" attribute to a <select> element with options that match the values in the target column.
Also, add data-column="filter-name" to the corresponding column header to link the filter to that column.

Filter By:

Product	SKU	Category	Stock	Price	Orders	Rating	Status	Published
Wireless Earbuds by: My Furniture	WB-10245	Electronics	56	$59.99	124	(87)	Published	18 Apr, 2025 12:24 PM
Smart LED Desk Lamp by: BrightLite	SL-89012	Home & Office	32	$39.49	78	(54)	Pending	22 Apr, 2025 09:45 AM
Men's Running Shoes by: ActiveWear Co.	RS-20450	Fashion	120	$89.00	231	(142)	Published	24 Apr, 2025 03:10 PM
Fitness Tracker Watch by: FitPulse	FT-67123	Fitness	78	$49.95	198	(89)	Published	23 Apr, 2025 10:12 AM
Gaming Mouse RGB by: HyperClick	GM-72109	Gaming	120	$29.99	243	(102)	Published	19 Apr, 2025 05:56 PM
Modern Lounge Chair by: UrbanLiving	FC-31220	Furniture	24	$199.00	38	(27)	Out of Stock	18 Apr, 2025 11:30 AM
Plush Toy Bear by: Softies	TY-00788	Toys	150	$15.99	305	(120)	Published	17 Apr, 2025 04:21 PM
55" Ultra HD Smart TV by: ViewMaster	TV-5588	Electronics	64	$499.00	142	(88)	Published	25 Apr, 2025 10:10 AM
Apple iMac 24" M3 by: Apple	IMAC-M3-24	Computers	18	$1,399.00	29	(16)	Pending	24 Apr, 2025 02:14 PM
Smart Watch Pro X2 by: FitTech	SWPX2-GL	Wearables	85	$149.50	197	(65)	Published	23 Apr, 2025 08:00 AM

Custom table with range filters

Add the data-table attribute to the container of the table.
To enable filtering, add the data-table-range-filter="filter-name" attribute to a <select> element with options that match the values in the target column.
Also, add data-column="filter-name" to the corresponding column header to link the filter to that column.

Filter By:

Product	SKU	Category	Stock	Price	Orders	Rating	Status	Published
Wireless Earbuds by: My Furniture	WB-10245	Electronics	56	$59.99	124	(87)	Published	18 Apr, 2025 12:24 PM
Smart LED Desk Lamp by: BrightLite	SL-89012	Home & Office	32	$39.49	78	(54)	Pending	22 Apr, 2025 09:45 AM
Men's Running Shoes by: ActiveWear Co.	RS-20450	Fashion	120	$89.00	231	(142)	Published	24 Apr, 2025 03:10 PM
Fitness Tracker Watch by: FitPulse	FT-67123	Fitness	78	$49.95	198	(89)	Published	23 Apr, 2025 10:12 AM
Gaming Mouse RGB by: HyperClick	GM-72109	Gaming	120	$29.99	243	(102)	Published	19 Apr, 2025 05:56 PM
Modern Lounge Chair by: UrbanLiving	FC-31220	Furniture	24	$199.00	38	(27)	Out of Stock	18 Apr, 2025 11:30 AM
Plush Toy Bear by: Softies	TY-00788	Toys	150	$15.99	305	(120)	Published	17 Apr, 2025 04:21 PM
55" Ultra HD Smart TV by: ViewMaster	TV-5588	Electronics	64	$499.00	142	(88)	Published	25 Apr, 2025 10:10 AM
Apple iMac 24" M3 by: Apple	IMAC-M3-24	Computers	18	$1,399.00	29	(16)	Pending	24 Apr, 2025 02:14 PM
Smart Watch Pro X2 by: FitTech	SWPX2-GL	Wearables	85	$149.50	197	(65)	Published	23 Apr, 2025 08:00 AM

Custom table with sort

Add the data-table attribute to the container of the table.
To enable sorting, add data-table-sort on header of column.

Filter By:

Product	SKU	Category	Stock	Price	Orders	Rating	Status	Published
Wireless Earbuds by: My Furniture	WB-10245	Electronics	56	$59.99	124	(87)	Published	18 Apr, 2025 12:24 PM
Smart LED Desk Lamp by: BrightLite	SL-89012	Home & Office	32	$39.49	78	(54)	Pending	22 Apr, 2025 09:45 AM
Men's Running Shoes by: ActiveWear Co.	RS-20450	Fashion	120	$89.00	231	(142)	Published	24 Apr, 2025 03:10 PM
Fitness Tracker Watch by: FitPulse	FT-67123	Fitness	78	$49.95	198	(89)	Published	23 Apr, 2025 10:12 AM
Gaming Mouse RGB by: HyperClick	GM-72109	Gaming	120	$29.99	243	(102)	Published	19 Apr, 2025 05:56 PM
Modern Lounge Chair by: UrbanLiving	FC-31220	Furniture	24	$199.00	38	(27)	Out of Stock	18 Apr, 2025 11:30 AM
Plush Toy Bear by: Softies	TY-00788	Toys	150	$15.99	305	(120)	Published	17 Apr, 2025 04:21 PM
55" Ultra HD Smart TV by: ViewMaster	TV-5588	Electronics	64	$499.00	142	(88)	Published	25 Apr, 2025 10:10 AM
Apple iMac 24" M3 by: Apple	IMAC-M3-24	Computers	18	$1,399.00	29	(16)	Pending	24 Apr, 2025 02:14 PM
Smart Watch Pro X2 by: FitTech	SWPX2-GL	Wearables	85	$149.50	197	(65)	Published	23 Apr, 2025 08:00 AM

Custom table with sort (for complex cell)

Add the data-table attribute to the container of the table.
To enable sorting, add data-table-sort="sort-name" to the header cell of the column.
Also, add data-sort="sort-name" to the element inside each corresponding table cell that should be used for sorting.

Filter By:

Product	SKU	Category	Stock	Price	Orders	Rating	Status	Published
Wireless Earbuds by: My Furniture	WB-10245	Electronics	56	$59.99	124	(87)	Published	18 Apr, 2025 12:24 PM
Smart LED Desk Lamp by: BrightLite	SL-89012	Home & Office	32	$39.49	78	(54)	Pending	22 Apr, 2025 09:45 AM
Men's Running Shoes by: ActiveWear Co.	RS-20450	Fashion	120	$89.00	231	(142)	Published	24 Apr, 2025 03:10 PM
Fitness Tracker Watch by: FitPulse	FT-67123	Fitness	78	$49.95	198	(89)	Published	23 Apr, 2025 10:12 AM
Gaming Mouse RGB by: HyperClick	GM-72109	Gaming	120	$29.99	243	(102)	Published	19 Apr, 2025 05:56 PM
Modern Lounge Chair by: UrbanLiving	FC-31220	Furniture	24	$199.00	38	(27)	Out of Stock	18 Apr, 2025 11:30 AM
Plush Toy Bear by: Softies	TY-00788	Toys	150	$15.99	305	(120)	Published	17 Apr, 2025 04:21 PM
55" Ultra HD Smart TV by: ViewMaster	TV-5588	Electronics	64	$499.00	142	(88)	Published	25 Apr, 2025 10:10 AM
Apple iMac 24" M3 by: Apple	IMAC-M3-24	Computers	18	$1,399.00	29	(16)	Pending	24 Apr, 2025 02:14 PM
Smart Watch Pro X2 by: FitTech	SWPX2-GL	Wearables	85	$149.50	197	(65)	Published	23 Apr, 2025 08:00 AM

Complete Custom Table

Filter By:

Product	SKU	Category	Stock	Price	Orders	Rating	Status	Published
Wireless Earbuds by: My Furniture	WB-10245	Electronics	56	$59.99	124	(87)	Published	18 Apr, 2025 12:24 PM
Smart LED Desk Lamp by: BrightLite	SL-89012	Home & Office	32	$39.49	78	(54)	Pending	22 Apr, 2025 09:45 AM
Men's Running Shoes by: ActiveWear Co.	RS-20450	Fashion	120	$89.00	231	(142)	Published	24 Apr, 2025 03:10 PM
Fitness Tracker Watch by: FitPulse	FT-67123	Fitness	78	$49.95	198	(89)	Published	23 Apr, 2025 10:12 AM
Gaming Mouse RGB by: HyperClick	GM-72109	Gaming	120	$29.99	243	(102)	Published	19 Apr, 2025 05:56 PM
Modern Lounge Chair by: UrbanLiving	FC-31220	Furniture	24	$199.00	38	(27)	Out of Stock	18 Apr, 2025 11:30 AM
Plush Toy Bear by: Softies	TY-00788	Toys	150	$15.99	305	(120)	Published	17 Apr, 2025 04:21 PM
55" Ultra HD Smart TV by: ViewMaster	TV-5588	Electronics	64	$499.00	142	(88)	Published	25 Apr, 2025 10:10 AM
Apple iMac 24" M3 by: Apple	IMAC-M3-24	Computers	18	$1,399.00	29	(16)	Pending	24 Apr, 2025 02:14 PM
Smart Watch Pro X2 by: FitTech	SWPX2-GL	Wearables	85	$149.50	197	(65)	Published	23 Apr, 2025 08:00 AM