Datatables
The tables in this section had use Simple-DataTables plugin. For more info see the official github repo.
Example
Name | Position | Office | Age | Start date | Salary |
---|---|---|---|---|---|
Tiger Nixon | System Architect | Edinburgh | 61 | 2011/04/25 | $320,800 |
Garrett Winters | Accountant | Tokyo | 63 | 2011/07/25 | $170,750 |
Ashton Cox | Junior Technical Author | San Francisco | 66 | 2009/01/12 | $86,000 |
Cedric Kelly | Senior Javascript Developer | Edinburgh | 22 | 2012/03/29 | $433,060 |
Airi Satou | Accountant | Tokyo | 33 | 2008/11/28 | $162,700 |
Brielle Williamson | Integration Specialist | New York | 61 | 2012/12/02 | $372,000 |
Herrod Chandler | Sales Assistant | San Francisco | 59 | 2012/08/06 | $137,500 |
Rhona Davidson | Integration Specialist | Tokyo | 55 | 2010/10/14 | $327,900 |
Colleen Hurst | Javascript Developer | San Francisco | 39 | 2009/09/15 | $205,500 |
Sonya Frost | Software Engineer | Edinburgh | 23 | 2008/12/13 | $103,600 |
Jena Gaines | Office Manager | London | 30 | 2008/12/19 | $90,560 |
Sonya Frost | Software Engineer | Edinburgh | 23 | 2008/12/13 | $103,600 |
Jena Gaines | Office Manager | London | 30 | 2008/12/19 | $90,560 |
Sonya Frost | Software Engineer | Edinburgh | 23 | 2008/12/13 | $103,600 |
Jena Gaines | Office Manager | London | 30 | 2008/12/19 | $90,560 |
Sonya Frost | Software Engineer | Edinburgh | 23 | 2008/12/13 | $103,600 |
Jena Gaines | Office Manager | London | 30 | 2008/12/19 | $90,560 |
Sonya Frost | Software Engineer | Edinburgh | 23 | 2008/12/13 | $103,600 |
Use
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.
.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 8601 | MySQL | RFC 2822 | MMM DD, YYYY | DD/MM/YYYY | MM-DD-YY | UNIX |
---|---|---|---|---|---|---|
2013-06-27T19:10:21-07:00 | 1994-12-06 22:56:36 | Tue, 14 Mar 1995 07:11:46 -0800 | Dec 8, 2001 | 19/10/2016 | 07-23-12 | 853102101 |
1980-09-12T02:50:23-07:00 | 1997-11-23 07:06:45 | Mon, 21 Nov 2005 04:23:35 -0800 | Aug 19, 1997 | 27/05/1981 | 01-13-17 | 713671686 |
1994-10-27T12:11:30-07:00 | 2001-06-22 09:21:47 | Sat, 30 Apr 2005 03:36:38 -0700 | Aug 1, 1984 | 04/11/2011 | 04-25-11 | 1408349475 |
2015-05-20T15:38:00-07:00 | 1990-12-20 10:13:03 | Thu, 16 Jan 2003 16:38:36 -0800 | Aug 19, 1982 | 05/11/1989 | 03-06-18 | 677441387 |
1982-07-05T06:31:38-07:00 | 1989-11-18 13:43:58 | Thu, 09 Nov 2000 10:25:09 -0800 | Oct 11, 2003 | 16/07/1992 | 10-29-11 | 523469491 |
2008-08-11T01:01:32-07:00 | 1981-02-16 19:29:34 | Thu, 18 Dec 2003 07:16:19 -0800 | May 16, 1981 | 30/04/1989 | 05-24-87 | 1141495716 |
1982-11-28T18:34:32-08:00 | 2002-02-22 04:36:38 | Fri, 11 Mar 1994 01:16:08 -0800 | Apr 2, 2014 | 12/10/2008 | 05-01-90 | 464746558 |
1996-07-29T13:05:44-07:00 | 1993-03-15 18:27:14 | Fri, 06 Jun 2003 07:53:59 -0700 | Jul 16, 2004 | 14/02/1995 | 02-08-96 | 405430252 |
1987-03-02T20:03:45-08:00 | 1990-01-09 10:26:10 | Thu, 15 Sep 2005 13:12:25 -0700 | Nov 9, 2005 | 14/06/1983 | 11-19-13 | 1310935236 |
2014-04-02T01:20:31-07:00 | 1995-03-19 17:07:42 | Sat, 11 May 2013 04:14:36 -0700 | Jun 11, 2000 | 17/02/2001 | 05-03-15 | 636464866 |
1984-01-18T00:39:34-08:00 | 2015-12-11 13:14:55 | Fri, 25 Jan 2013 21:09:50 -0800 | Aug 15, 2013 | 11/02/2005 | 11-29-93 | 922286213 |
2012-09-04T15:14:23-07:00 | 1990-01-22 12:37:32 | Sat, 01 May 1999 08:20:37 -0700 | Jan 27, 1999 | 02/02/2010 | 12-04-06 | 545366064 |
1988-03-14T11:42:05-08:00 | 1992-10-11 21:13:23 | Tue, 16 Sep 2008 10:32:44 -0700 | May 28, 2012 | 15/08/2003 | 02-21-90 | 896785729 |
1983-06-01T05:28:43-07:00 | 1999-07-12 06:19:13 | Tue, 16 Nov 1999 21:31:30 -0800 | Nov 30, 2008 | 23/01/2004 | 03-17-08 | 1422578713 |
1980-08-06T05:20:08-07:00 | 1986-09-14 19:36:53 | Fri, 29 Oct 1999 22:21:35 -0700 | May 28, 2014 | 23/01/1983 | 03-13-04 | 1459690948 |
2014-02-15T19:50:40-08:00 | 1997-11-11 15:45:24 | Tue, 07 Jun 1988 16:20:04 -0700 | Oct 17, 1992 | 04/12/1993 | 10-10-08 | 1349969151 |
2007-02-08T13:38:13-08:00 | 2010-01-05 22:22:21 | Mon, 18 Sep 2017 01:18:07 -0700 | Apr 29, 1999 | 16/08/1994 | 06-30-84 | 756326365 |
2014-02-03T17:32:42-08:00 | 1989-06-20 22:14:41 | Mon, 20 Apr 1981 04:11:15 -0800 | Jan 17, 1993 | 16/07/2015 | 09-20-15 | 688566388 |
2015-03-30T05:58:40-07:00 | 2010-10-31 08:34:15 | Tue, 26 May 1998 19:03:54 -0700 | Jan 12, 2012 | 13/08/1988 | 11-27-09 | 660566468 |
1992-07-03T09:37:26-07:00 | 1996-01-19 16:42:48 | Wed, 06 Apr 2005 16:01:04 -0700 | Aug 19, 1994 | 10/10/1990 | 12-03-10 | 797131280 |
2004-03-01T04:34:57-08:00 | 1982-10-26 19:46:32 | Fri, 23 May 2008 11:31:53 -0700 | Apr 27, 2018 | 30/03/2000 | 09-15-13 | 1012207791 |
1984-01-23T01:49:39-08:00 | 2003-06-12 23:12:34 | Wed, 07 May 2014 13:14:43 -0700 | May 22, 1981 | 14/12/1994 | 05-04-88 | 411303318 |
2000-02-01T08:26:03-08:00 | 2013-08-17 17:08:56 | Sun, 16 Feb 2014 08:49:40 -0800 | Sep 14, 1991 | 05/01/1998 | 09-03-00 | 1230907590 |
1990-04-28T11:08:20-07:00 | 2016-04-15 18:30:45 | Mon, 30 Jan 1995 17:37:31 -0800 | Nov 5, 1998 | 26/10/2015 | 08-04-99 | 506528026 |
2017-05-30T18:51:39-07:00 | 2008-10-16 08:24:15 | Fri, 24 May 2002 16:37:40 -0700 | Jul 31, 2008 | 05/07/1992 | 10-13-08 | 1469041684 |
1997-09-23T16:45:18-07:00 | 1980-10-18 17:44:41 | Mon, 01 May 1995 19:59:01 -0700 | Nov 4, 2000 | 25/12/1989 | 07-19-12 | 621984653 |
1995-04-29T23:03:40-07:00 | 1989-10-25 12:31:30 | Tue, 15 Jan 2002 05:54:34 -0800 | Jan 6, 2004 | 14/09/1988 | 12-06-05 | 1197629198 |
1992-09-03T16:13:30-07:00 | 2016-11-02 20:53:12 | Sun, 26 Oct 2008 10:23:41 -0700 | Feb 20, 2012 | 24/08/1997 | 10-09-90 | 971030263 |
1985-06-14T07:56:01-07:00 | 2012-08-21 03:36:44 | Sat, 14 Jul 1990 09:55:01 -0700 | Jul 18, 2006 | 02/12/1986 | 07-19-10 | 790694847 |
2003-07-04T23:31:49-07:00 | 2011-09-10 03:13:33 | Wed, 14 Apr 1999 22:22:13 -0700 | Mar 17, 2015 | 04/04/1997 | 02-14-17 | 531923003 |
Use
data-type="date"
and data-format="ISO_8601"
attribute to thead's th
to enable datetime sorting.