Datatables

The tables in this section had use Simple-DataTables plugin. For more info see the official github repo.

Example

NamePositionOfficeAgeStart dateSalary
Tiger NixonSystem ArchitectEdinburgh612011/04/25$320,800
Garrett WintersAccountantTokyo632011/07/25$170,750
Ashton CoxJunior Technical AuthorSan Francisco662009/01/12$86,000
Cedric KellySenior Javascript DeveloperEdinburgh222012/03/29$433,060
Airi SatouAccountantTokyo332008/11/28$162,700
Brielle WilliamsonIntegration SpecialistNew York612012/12/02$372,000
Herrod ChandlerSales AssistantSan Francisco592012/08/06$137,500
Rhona DavidsonIntegration SpecialistTokyo552010/10/14$327,900
Colleen HurstJavascript DeveloperSan Francisco392009/09/15$205,500
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Jena GainesOffice ManagerLondon302008/12/19$90,560
Sonya FrostSoftware EngineerEdinburgh232008/12/13$103,600
Use .datatable-init class to table to enable data-tables mode.
Note: If you want to use datatable another page then you must have to load datatables's js file. then you can use datatable to your project.

Datetime Sorting

ISO 8601MySQLRFC 2822MMM DD, YYYYDD/MM/YYYYMM-DD-YYUNIX
2013-06-27T19:10:21-07:001994-12-06 22:56:36Tue, 14 Mar 1995 07:11:46 -0800Dec 8, 200119/10/201607-23-12853102101
1980-09-12T02:50:23-07:001997-11-23 07:06:45Mon, 21 Nov 2005 04:23:35 -0800Aug 19, 199727/05/198101-13-17713671686
1994-10-27T12:11:30-07:002001-06-22 09:21:47Sat, 30 Apr 2005 03:36:38 -0700Aug 1, 198404/11/201104-25-111408349475
2015-05-20T15:38:00-07:001990-12-20 10:13:03Thu, 16 Jan 2003 16:38:36 -0800Aug 19, 198205/11/198903-06-18677441387
1982-07-05T06:31:38-07:001989-11-18 13:43:58Thu, 09 Nov 2000 10:25:09 -0800Oct 11, 200316/07/199210-29-11523469491
2008-08-11T01:01:32-07:001981-02-16 19:29:34Thu, 18 Dec 2003 07:16:19 -0800May 16, 198130/04/198905-24-871141495716
1982-11-28T18:34:32-08:002002-02-22 04:36:38Fri, 11 Mar 1994 01:16:08 -0800Apr 2, 201412/10/200805-01-90464746558
1996-07-29T13:05:44-07:001993-03-15 18:27:14Fri, 06 Jun 2003 07:53:59 -0700Jul 16, 200414/02/199502-08-96405430252
1987-03-02T20:03:45-08:001990-01-09 10:26:10Thu, 15 Sep 2005 13:12:25 -0700Nov 9, 200514/06/198311-19-131310935236
2014-04-02T01:20:31-07:001995-03-19 17:07:42Sat, 11 May 2013 04:14:36 -0700Jun 11, 200017/02/200105-03-15636464866
1984-01-18T00:39:34-08:002015-12-11 13:14:55Fri, 25 Jan 2013 21:09:50 -0800Aug 15, 201311/02/200511-29-93922286213
2012-09-04T15:14:23-07:001990-01-22 12:37:32Sat, 01 May 1999 08:20:37 -0700Jan 27, 199902/02/201012-04-06545366064
1988-03-14T11:42:05-08:001992-10-11 21:13:23Tue, 16 Sep 2008 10:32:44 -0700May 28, 201215/08/200302-21-90896785729
1983-06-01T05:28:43-07:001999-07-12 06:19:13Tue, 16 Nov 1999 21:31:30 -0800Nov 30, 200823/01/200403-17-081422578713
1980-08-06T05:20:08-07:001986-09-14 19:36:53Fri, 29 Oct 1999 22:21:35 -0700May 28, 201423/01/198303-13-041459690948
2014-02-15T19:50:40-08:001997-11-11 15:45:24Tue, 07 Jun 1988 16:20:04 -0700Oct 17, 199204/12/199310-10-081349969151
2007-02-08T13:38:13-08:002010-01-05 22:22:21Mon, 18 Sep 2017 01:18:07 -0700Apr 29, 199916/08/199406-30-84756326365
2014-02-03T17:32:42-08:001989-06-20 22:14:41Mon, 20 Apr 1981 04:11:15 -0800Jan 17, 199316/07/201509-20-15688566388
2015-03-30T05:58:40-07:002010-10-31 08:34:15Tue, 26 May 1998 19:03:54 -0700Jan 12, 201213/08/198811-27-09660566468
1992-07-03T09:37:26-07:001996-01-19 16:42:48Wed, 06 Apr 2005 16:01:04 -0700Aug 19, 199410/10/199012-03-10797131280
2004-03-01T04:34:57-08:001982-10-26 19:46:32Fri, 23 May 2008 11:31:53 -0700Apr 27, 201830/03/200009-15-131012207791
1984-01-23T01:49:39-08:002003-06-12 23:12:34Wed, 07 May 2014 13:14:43 -0700May 22, 198114/12/199405-04-88411303318
2000-02-01T08:26:03-08:002013-08-17 17:08:56Sun, 16 Feb 2014 08:49:40 -0800Sep 14, 199105/01/199809-03-001230907590
1990-04-28T11:08:20-07:002016-04-15 18:30:45Mon, 30 Jan 1995 17:37:31 -0800Nov 5, 199826/10/201508-04-99506528026
2017-05-30T18:51:39-07:002008-10-16 08:24:15Fri, 24 May 2002 16:37:40 -0700Jul 31, 200805/07/199210-13-081469041684
1997-09-23T16:45:18-07:001980-10-18 17:44:41Mon, 01 May 1995 19:59:01 -0700Nov 4, 200025/12/198907-19-12621984653
1995-04-29T23:03:40-07:001989-10-25 12:31:30Tue, 15 Jan 2002 05:54:34 -0800Jan 6, 200414/09/198812-06-051197629198
1992-09-03T16:13:30-07:002016-11-02 20:53:12Sun, 26 Oct 2008 10:23:41 -0700Feb 20, 201224/08/199710-09-90971030263
1985-06-14T07:56:01-07:002012-08-21 03:36:44Sat, 14 Jul 1990 09:55:01 -0700Jul 18, 200602/12/198607-19-10790694847
2003-07-04T23:31:49-07:002011-09-10 03:13:33Wed, 14 Apr 1999 22:22:13 -0700Mar 17, 201504/04/199702-14-17531923003
Use data-type="date" and data-format="ISO_8601" attribute to thead's th to enable datetime sorting.
Recent Notification