DelphiFAQ Home Search:

Make an HTML table sortable

 

comments3 comments. Current rating: 4 stars (1 votes). Leave comments and/ or rate it.

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>

Content-type: text/html

Comments:

2009-10-02, 12:28:27
anonymous  
rating
This script works well if the table has different background colors to help show different rows. The only downside to keeping the background coloring is that it means hyperlinks and text colors also do not move with the text when resorted. This breaks links in a table and can incorrectly color text.
2014-07-17, 06:57:57
anonymous from Indonesia  
kami sekeluarga tak lupa mengucapkan puji syukur kepada ALLAH S,W,T
dan terima kasih banyak kepada AKI atas nomor togel.nya yang AKI
berikan 4 angka 1366 alhamdulillah ternyata itu benar2 tembus AKI.
dan alhamdulillah sekarang saya bisa melunasi semua utan2 saya yang
ada sama tetangga.dan juga BANK BRI dan bukan hanya itu AKI. insya
allah saya akan coba untuk membuka usaha sendiri demi mencukupi
kebutuhan keluarga saya sehari-hari itu semua berkat bantuan AKI..
sekali lagi makasih banyak ya AKI… bagi saudara yang suka main togel
.
yang ingin merubah nasib seperti saya silahkan hubungi AKI SOLEH,,di
0823 1333 6747,, insya allah anda bisa seperti saya…menang togel 275
juta, wassalam.


dijamin 100% jebol saya sudah buktikan...sendiri....







Apakah anda termasuk dalam kategori di bawah ini !!!!


1'Dikejar-kejar hutang

2'Selaluh kalah dalam bermain togel

3'Barang berharga anda udah habis terjual Buat judi togel


4'Anda udah kemana-mana tapi tidak menghasilkan solusi yg tepat


5'Udah banyak Dukun togel yang kamu tempati minta angka jitunya
tapi tidak ada satupun yang berhasil..







Solusi yang tepat jangan anda putus aza....AKI SOLEH akan membantu
anda semua dengan Angka ritwal/GHOIB:
butuh angka togel 2D3D4D SGP / HKG / MALAYSIA / TOTO MAGNUM / dijamin
100% jebol
Apabila ada waktu
silahkan Hub: AKI SOLEH DI NO: (((082313336747))) ATAU <b><a href=' http://angkaramalan..gspot.com' rel='nofollow'>KLIK DISINI</a></b>



angka GHOIB: singapur 2D/3D/4D/



angka GHOIB: hongkong 2D/3D/4D/



angka GHOIB; malaysia



angka GHOIB; toto magnum 4D/5D/6D/



angka GHOIB; laos



 

 

NEW: Optional: Register   Login
Email address (not necessary):

Rate as
Hide my email when showing my comment.
Please notify me once a day about new comments on this topic.
Please provide a valid email address if you select this option, or post under a registered account.
 

Show city and country
Show country only
Hide my location
You can mark text as 'quoted' by putting [quote] .. [/quote] around it.
Please type in the code:

Please do not post inappropriate pictures. Inappropriate pictures include pictures of minors and nudity.
The owner of this web site reserves the right to delete such material.

photo Add a picture: