How to sort a table using javascript without using dependencies?

Asked Sep 20 '16 at 17:47

Active Aug 03 '18 at 03:47

Viewed 143 times

I'm trying to sort a HTML table using javascript. But I am not sure where to start. I need to sort the table when the user clicks on the header. The sorted content should replace the original content in the table.

<table id="myTable">
  <tr>
    <td>School Name</td>
    <td>Phone number</td>
  </tr>
  <tr>
    <td>abc</td>
    <td>23423424</td>
  </tr>
  <tr>
    <td>xyz</td>
    <td>567653424</td>
  </tr>
  <tr>
    <td>def</td>
    <td>095423424</td>
  </tr>
</table>

edited Aug 03 '18 at 03:47

Penny Liu

15,447
5
79
98

asked Sep 20 '16 at 17:47

Maddy

Things you need to learn in order to be able to do this: How to bind an event handler. How to search for DOM elements. How to sort an array. How to insert elements into the document. Maybe that helps to get started. – Felix Kling Sep 20 '16 at 17:49
Or just search for "sort table javascript" – mplungjan Sep 20 '16 at 17:51
^ https://stackoverflow.com/search?q=%5Bjavascript%5D+sort+table – Felix Kling Sep 20 '16 at 17:51
https://datatables.net/examples/advanced_init/html5-data-attributes.html – Maytham Fahmi Sep 20 '16 at 17:52

How to sort a table using javascript without using dependencies?

0 Answers0