When writing online-documentation, you shouldn’t think in terms of writing a printed manual. A computer can do so much more than a piece of paper can.
For example, tables can sort and filter their content so that readers can find what they are looking for more quickly. Click the table’s columns to see what happens.
This table is also responsive. On a mobile device, particular columns are automatically hidden and can be opened progressively. You can resize the browser window to try it out.
Adding a free open-source JavaScript library to the project makes all this possible.
ID |
First Name |
Last Name |
Job Title |
Started On |
Date of Birth |
1 |
Bill |
Yard |
Gambler |
November 8th 2011 |
July 25th 1960 |
2 |
Mary |
Huana |
Social Worker |
October 15th 2010 |
March 30th 1982 |
3 |
Jo |
Ker |
Clown |
November 28th 2013 |
February 26th 1966 |
4 |
Anna |
Bolika |
Personal Trainer |
October 31st 2010 |
March 29th 1966 |
5 |
Matt |
Erial |
Engineer |
December 29th 2011 |
September 22nd 1964 |
6 |
Nick |
Otin |
Doctor |
November 12th 2012 |
August 4th 1991 |
7 |
Jack |
Ett |
Stock Broker |
August 14th 2012 |
November 20th 1979 |
8 |
Dick |
Tator |
Politician |
September 21st 2010 |
April 7th 1969 |
Here is the same table again, this time with a filter. This can be particularly helpful for very long tables.
ID |
First Name |
Last Name |
Job Title |
Started On |
Date of Birth |
Info |
1 |
Bill |
Yard |
Gambler |
November 8th 2011 |
July 25th 1960 |
Info link |
2 |
Mary |
Huana |
Social Worker |
October 15th 2010 |
March 30th 1982 |
Info link |
3 |
Jo |
Ker |
Clown |
November 28th 2013 |
February 26th 1966 |
Info link |
4 |
Anna |
Bolika |
Personal Trainer |
October 31st 2010 |
March 29th 1966 |
Info link |
5 |
Matt |
Erial |
Engineer |
December 29th 2011 |
September 22nd 1964 |
Info link |
6 |
Nick |
Otin |
Doctor |
November 12th 2012 |
August 4th 1991 |
Info link |
7 |
Jack |
Ett |
Stock Broker |
August 14th 2012 |
November 20th 1979 |
Info link |
8 |
Dick |
Tator |
Politician |
September 21st 2010 |
April 7th 1969 |
Info link |