DataTables JS by datatables.net

Custom style for DataTables JS.

In order to make DataTables JS design works, add this file after DataTables's CSS. assets/css/rdta/components/rdta-datatables.css,

---

Examples

This is the most basic example (zero configuration) for DataTables. It use only class display on <table> element.

The <div> that contain class rd-datatable-wrapper and wrapped the table is just to prevent table will be too wide. You may remove it in your real project.

DataTables's styles

Row colors

Add showing class to <tr>.

Type	Class	Name
Default		Shela Fosten
Primary	table-row-primary	Desirae Helks
Info	table-row-info	Ted Ors
Danger	table-row-danger	Pauli Fero
Warning	table-row-warning	Valaree Bedbury
Success	table-row-success	Gaspar Treat
Type	Class	Name

Cell colors

Add showing class to table cell (<td>).

Individual column search, select

Responsive

Resize your browser to be small to see responsive table work.

Responsive full actions

Responsive DataTables with actions row, check box, and responsive button on custom column. The email column will be always hide to show the feature.

	ID	Name	Address	Email
	1	Shela Fosten Edit Permissions Delete	7373 Vahlen Terrace	sfosten0@loc.gov
	2	Desirae Helks Edit Permissions Delete	43196 Northport Hill	dhelks1@google.de
	3	Ted Ors Edit Permissions Delete	92666 Cottonwood Crossing	tors2@ocn.ne.jp
	4	Pauli Fero Edit Permissions Delete	978 Utah Road	pfero3@gravatar.com
	5	Valaree Bedbury Edit Permissions Delete	062 Warner Terrace	vbedbury4@prnewswire.com
	6	Gaspar Treat Edit Permissions Delete	239 Kings Junction	gtreat5@creativecommons.org
	7	Issy Largan Edit Permissions Delete	9754 Bunting Court	ilargan6@independent.co.uk
	8	Annabel Darell Edit Permissions Delete	42455 Dahle Court	adarell7@t.co
	9	Enos Griffen Edit Permissions Delete	2 Nevada Drive	egriffen8@ehow.com
	10	Clarissa Raithby Edit Permissions Delete	7203 Shoshone Crossing	craithby9@craigslist.org
	11	Dorise Lafay Edit Permissions Delete	611 Vera Place	dlafaya@oracle.com
	12	Chrissy Fowlie Edit Permissions Delete	8098 Ruskin Circle	cfowlieb@simplemachines.org
	13	Alyson Lathan Edit Permissions Delete	5 Stang Avenue	alathanc@spiegel.de
	14	Lani Torbet Edit Permissions Delete	2183 Saint Paul Circle	ltorbetd@tripadvisor.com
	15	Karolina Ratchford Edit Permissions Delete	88779 Swallow Park	kratchforde@so-net.ne.jp
	16	Aurea Casement Edit Permissions Delete	2 Hoepker Road	acasementf@geocities.com
	17	Trumaine Benedite Edit Permissions Delete	23483 Alpine Place	tbenediteg@cnet.com
	18	Bobinette Sickling Edit Permissions Delete	9188 Bayside Plaza	bsicklingh@netvibes.com
	19	Guinna Clayal Edit Permissions Delete	10 Mesta Drive	gclayali@youtu.be
	20	Barbee Reglar Edit Permissions Delete	51905 Spaight Drive	breglarj@youtu.be
	ID	Name	Address	Email

Source