Sorting and fixed Table Headers in HTML Table..Urgent help!!

cooltechie · #1 (**permalink**) February 7th, 2010, 01:06 AM

Hi

Can anyone tell me how to add Sorting and fixed Table Headers to an HTML Table?

Old Pedant · #2 (**permalink**) February 7th, 2010, 04:04 PM

Would help to define what you mean. What is a "Fixed Table Header" in your mind?

And do you mean you want the capability to sort the rows of a <table> based on the user clicking on one of the column headers? If so, *how* will you do the sorting? Will you use JavaScript in the browser or will you sort on the backend, using ASP/PHP/JSP/whatever?

chroniclemaster1 · #3 (**permalink**) February 7th, 2010, 05:46 PM

You can't sort an *HTML* table. It simply doesn't support that function. The easiest and fastest way to add sorting to a table is by using an ASP.NET GridView.

As Old Pedant says, you can also perform sorting client side using Javascript but that will mean that your application won't work for a significant cross section of your visitors. However, if you don't mind losing a small but significant percentage of your visitors, and *this sounds like the deal breaker for you* IF you have the time to custom program a javascript sorting application, it would offload the work client side and improve application scalability.

Old Pedant · #4 (**permalink**) February 8th, 2010, 05:17 PM

Sorry, chroniclemaster, I have to disagree with you. You can sort an HTML table, using JavaScript. Mind you, I don't think its the best idea, but it can be done.

chroniclemaster1 · #5 (**permalink**) February 8th, 2010, 06:38 PM

Quote:

Originally Posted by Old Pedant

Sorry, chroniclemaster, I have to disagree with you. You can sort an HTML table, using JavaScript. Mind you, I don't think its the best idea, but it can be done.

Agreed. :) I'm sorry, I thought I had said as much, but I simply meant that *HTML* cannot provide sorting. I was trying to direct him to the ASP.NET or Javascript forums; my fault for merely implying rather than explicitly saying you can get better assistance at one of the other topics.

bhagwan · #6 (**permalink**) September 17th, 2010, 05:59 AM

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

<head>
<title>Classic Movies Times</title>
</head>

<body>
<table border="1" width="500">
<caption>Classic Movie Day</caption>
<tr>
<th></th>
<th width="200">5 pm</th>
<th width="200">7 pm</th>
<th width="200">9 pm</th>
<th width="200">11 pm</th>
</tr>
<tr>
<th>Screen one</th>
<td>Star Wars</td>
<td>Empire Strikes Back</td>
<td>Return of the Jedi</td>
<td>The Exorcist</td>
</tr>
<tr>
<th>Screen two</th>
<td colspan="2">Dances with Wolves</td>
<td colspan="2">Gone With the Wind</td>
</tr>
<tr>
<th>Screen three</th>
<td colspan="2">2001: A Space Odyssey</td>
<td>The Conversation</td>
<td>5 Easy Pieces</td>
</tr>
</table>

</body>
</html>

Don't forgot to thanx me
bhagwanramsain@rediffmail.com

Need to download code?

Navigation