Bootstrap

Josephin DoeTyping . .

Lary Doeonline

Aliceonline

Alia10 min ago

Suzen15 min ago

Josephin DoeTyping . .

Lary Doeonline

Aliceonline

Alia10 min ago

Suzen15 min ago

Josephin DoeTyping . .

Lary Doeonline

Aliceonline

Alia10 min ago

Suzen15 min ago

Josephin DoeTyping . .

Lary Doeonline

Aliceonline

Alia10 min ago

Suzen15 min ago

Josephin Doe

Filters

Name	Job	Company	Ext.	Start Date	Email	Phone No.
Hedwig F. Nguyen	Manager	Arcu Vel Foundation	9875	03/27/2017	nunc.ullamcorper@metusvitae.com	070 8206 9605
Genevieve U. Watts	Manager	Eget Incorporated	9557	07/18/2017	Nullam.vitae@egestas.edu	0800 025698
Kyra S. Baldwin	Manager	Lorem Vitae Limited	3854	04/14/2016	in@elita.org	0800 237 8846
Stephen V. Hill	Manager	Eget Mollis Institute	8820	03/03/2016	eu@vel.com	0800 682 4591
Vielka Q. Chapman	Manager	Velit Pellentesque Ultricies Institute	2307	06/25/2017	orci.Donec.nibh@mauriserateget.edu	0800 181 5795
Ocean W. Curtis	Manager	Eu Ltd	6868	08/24/2017	cursus.et@cursus.edu	(016977) 9585
Kato F. Tucker	Manager	Vel Lectus Limited	4713	11/06/2017	Duis@Lorem.edu	070 0981 8503
Robin J. Wise	Manager	Curabitur Dictum PC	3285	02/09/2017	blandit@montesnascetur.edu	0800 259158
Uriel H. Guerrero	Assistant	Mauris Inc.	2294	02/11/2018	vitae@Innecorci.net	0500 948772
Yasir W. Benson	Assistant	At Incorporated	3897	01/13/2017	ornare.elit.elit@atortor.edu	0391 916 3600

Showing 1 to 10 of 13 entries

const tbl = document.createElement('table') const data = { "headings": [ "Name", "Job", "Company", "Ext.", "Start Date", "Email", "Phone No." ], "data": [ [ "Hedwig F. Nguyen", "Manager", "Arcu Vel Foundation", "9875", "03/27/2017", "nunc.ullamcorper@metusvitae.com", "070 8206 9605" ], [ "Genevieve U. Watts", "Manager", "Eget Incorporated", "9557", "07/18/2017", "Nullam.vitae@egestas.edu", "0800 025698" ], [ "Kyra S. Baldwin", "Manager", "Lorem Vitae Limited", "3854", "04/14/2016", "in@elita.org", "0800 237 8846" ], [ "Stephen V. Hill", "Manager", "Eget Mollis Institute", "8820", "03/03/2016", "eu@vel.com", "0800 682 4591" ], [ "Vielka Q. Chapman", "Manager", "Velit Pellentesque Ultricies Institute", "2307", "06/25/2017", "orci.Donec.nibh@mauriserateget.edu", "0800 181 5795" ], [ "Ocean W. Curtis", "Manager", "Eu Ltd", "6868", "08/24/2017", "cursus.et@cursus.edu", "(016977) 9585" ], [ "Kato F. Tucker", "Manager", "Vel Lectus Limited", "4713", "11/06/2017", "Duis@Lorem.edu", "070 0981 8503" ], [ "Robin J. Wise", "Manager", "Curabitur Dictum PC", "3285", "02/09/2017", "blandit@montesnascetur.edu", "0800 259158" ], [ "Uriel H. Guerrero", "Assistant", "Mauris Inc.", "2294", "02/11/2018", "vitae@Innecorci.net", "0500 948772" ], [ "Yasir W. Benson", "Assistant", "At Incorporated", "3897", "01/13/2017", "ornare.elit.elit@atortor.edu", "0391 916 3600" ], [ "Shafira U. French", "Assistant", "Nisi Magna Incorporated", "5116", "07/23/2016", "metus.In.nec@bibendum.ca", "(018013) 26699" ], [ "Casey E. Hood", "Assistant", "Lorem Vitae Odio Consulting", "7079", "05/05/2017", "justo.Praesent@sitamet.ca", "0800 570796" ], [ "Caleb X. Finch", "Assistant", "Elit Associates", "3629", "09/19/2016", "condimentum@eleifend.com", "056 1551 7431" ] ] } document.querySelector("#pc-dt-filter").appendChild(tbl); window.dt = new simpleDatatables.DataTable(tbl, { data, filters: { "Job": ["Assistant", "Manager"] }, columns: [{ select: 4, type: "date", format: "MM/DD/YYYY" }] })