How to add a column header to the dynamic table?

HTML CODE: COLUMN - AUTOMATICALLY SORT ALPHABETICALLY?

  • Is there a code which will automatically sort 3 columns alphabetically so when I need to add a procedure, I don’t have to manually reorganize the procedure names alphabetically? This option is only for me to load into the page and not for users to sort. For example, if I already have the following columns: Bear Elephant Monkey Cat Jaguar Tiger Dog Kangaroo Blank (nothing shows) And I need to add Cougar, I want to just add the code for Cougar and have the columns re- sorted alphabetically automatically so it would appear as: Bear Dog Kangaroo Cat Elephant Monkey Cougar Jaguar Tiger An example of my table code is below -- I would type the words (ex animal names) where it says “procedure name” and also where it says “x procedure in x column”. I need the "x procedure in x column" to sort alphabetically: == <div style="text-align:center;"> '''TABLE NAME'''</div> == {| border="1" cellspacing="0" cellpadding="2" width=90% style="background: #3355bb; color: white; font-size: 90%;" align="center" ! colspan="4" | Topics |- ! style="background: #eeeeee" align="left" | [[PAGE NAME/#PROCEDURE NAME| 1st PROCEDURE in first column]] ! style="background: #eeeeee" align="left" | [[PAGE NAME/#PROCEDURE NAME| 1st PROCEDURE in 2nd column]] ! style="background: #eeeeee" align="left" | [[PAGE NAME/#PROCEDURE NAME| 1st PROCEDURE in 3rd column]] |- ! style="background: #eeeeee" align="left" | [[PAGE NAME/#PROCEDURE NAME| 2nd PROCEDURE in 1st column]] ! style="background: #eeeeee" align="left" | [[PAGE NAME/#PROCEDURE NAME| 2nd PROCEDURE in 2nd column]] ! style="background: #eeeeee" align="left" | [[PAGE NAME/#PROCEDURE NAME| 2nd PROCEDURE in 3rd column]] |- ! style="background: #eeeeee" align="left" | [[PAGE NAME/#PROCEDURE NAME| 3rd PROCEDURE in 1st column]] ! style="background: #eeeeee" align="left" | [[PAGE NAME/#PROCEDURE NAME| 3rd PROCEDURE in 2nd column]] ! style="background: #eeeeee" align="left" | [[EMPTY| EMPTY]] |-

  • Answer:

    There's nothing in HTML to do it. You could easily implement it in php (server-side) or javascript (client side).

Melissa at Yahoo! Answers Visit the source

Was this solution helpful to you?

Other answers

1st of all that's sum weird information lol! 2nd I don't think there's anyway to do that with html (unless html5 offers a way to do it as I don't know much about the new elements of 5).

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.