Title: Trying to sort html table with javascript on page
Last modified: November 27, 2019
---
# Trying to sort html table with javascript on page
* Resolved [sfklaas](https://wordpress.org/support/users/sfklaas/)
* (@sfklaas)
* [6 years, 6 months ago](https://wordpress.org/support/topic/trying-to-sort-html-table-with-javascript-on-page/)
* WP Newbie here… I am trying to make a sort-able html table with javascript. And
when searching how to do it, I came across this link from w3schools:([https://www.w3schools.com/howto/howto_js_sort_table.asp](https://www.w3schools.com/howto/howto_js_sort_table.asp)).
* I just tried copying and pasting the code to my page to see if it works, but
it only displays the table without having the clickable headings to sort. I also
noticed when I use the “code editor” when editing the WP page in dashboard, some
of the code scripts disappear when updating the page. Shouldn’t I just be able
to copy and paste this code into my page and it should work? thanks for your
help!
* The code I am trying to add:
* ```
Sort a HTML Table Alphabetically
Click the headers to sort the table.
The first time you click, the sorting direction is ascending (A to Z).
Click again, and the sorting direction will be descending (Z to A):
| Name |
Country |
| Berglunds snabbkop |
Sweden |
| North/South |
UK |
| Alfreds Futterkiste |
Germany |
| Koniglich Essen |
Germany |
| Magazzini Alimentari Riuniti |
Italy |
| Paris specialites |
France |
| Island Trading |
UK |
| Laughing Bacchus Winecellars |
Canada |
```
* The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ftrying-to-sort-html-table-with-javascript-on-page%2F%3Foutput_format%3Dmd&locale=en_US)
to see the link]_
Viewing 2 replies - 1 through 2 (of 2 total)
* Thread Starter [sfklaas](https://wordpress.org/support/users/sfklaas/)
* (@sfklaas)
* [6 years, 6 months ago](https://wordpress.org/support/topic/trying-to-sort-html-table-with-javascript-on-page/#post-12182305)
* Not sure if this was the proper way, but I got it working by adding the “scripts
n styles” plugin and copied/pasted the code above in the “Scripts” section and
in the “html” section.
* Moderator [bcworkz](https://wordpress.org/support/users/bcworkz/)
* (@bcworkz)
* [6 years, 6 months ago](https://wordpress.org/support/topic/trying-to-sort-html-table-with-javascript-on-page/#post-12182697)
* I’m glad you found a solution!
* FWIW, you cannot place script blocks within the WP page editor, as you have discovered.
The editor’s parser corrupts scripts placed there. A script plugin is indeed
the easiest solution. Alternatives include adding script via shortcode, enqueuing
script placed in an external file, or adding script into a custom page template.
* For the benefit of anyone landing here via search as much as FYI 🙂
Viewing 2 replies - 1 through 2 (of 2 total)
The topic ‘Trying to sort html table with javascript on page’ is closed to new replies.
* In: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
* 2 replies
* 2 participants
* Last reply from: [bcworkz](https://wordpress.org/support/users/bcworkz/)
* Last activity: [6 years, 6 months ago](https://wordpress.org/support/topic/trying-to-sort-html-table-with-javascript-on-page/#post-12182697)
* Status: resolved
## Topics
### Topics with no replies
### Non-support topics
### Resolved topics
### Unresolved topics
### All topics