DelphiFAQ Home Search:



Databases
InterBase, MS-SQL, mysql, Oracle
Programming
C#, C++, Delphi, Java,
JavaScript, perl, php, Visual Basic, VBScript
Linux
Apache, Network, Shell
Web Publishing
JavaScript, perl CGI, VBScript, Web Hosting
Windows
Apache, File Types, Internet Explorer,
Network, Printing, Processes
Outside the Cube
Auto, Computer Hardware,
Finances, Dating Scams,
Household, Male Dating Scammers,
Other Scams, Travel

Featured Article

Make an HTML table sortable

Question:

I need to display data in a sortable HTML table. How can I do that?

Answer:

HTML itself does not offer sorting in the TABLE structure. You need to use javascript for this.

I found a free javascript that can be plugged into your site with a minimum of change of your HTML document.

Simply include the sortTable.js file into your document - ideally within the HEAD section.

Give your table a unique name and also specify the ID property with the same name.

Call the initialization initTable() with the ID of your table.
If you have multiple tables, you need to call initTable() several times.

Make sure to have no row spans.
Make sure to have no col spans in the header (you may have it in the data rows though!).

You can download the javascript code file here: sortTable.js


Here the sorted table in action - click on the table header row to sort by any column:

First name Last name Age
Bill Jones 45
Ann Moss 35
Jane Michels 40

<script src="/software/sortTable.js">
 
 <Table id=usertable border=1 cellspacing=2 cellpadding=2>
 //..
 </Table>
 
 <script language="javascript">
 initTable("usertable");
 </script>

Generated 16:04:06 on Oct 20, 2018