x
<html><head><title>Sort a HTML Table Alphabetically</title><style>table { border-spacing: 0; width: 100%; border: 1px solid #ddd;}th { cursor: pointer;}th, td { text-align: left; padding: 16px;}tr:nth-child(even) { background-color: #f2f2f2}</style></head><body><p><strong>Click the headers to sort the table.</strong></p><p>The first time you click, the sorting direction is ascending (A to Z).</p><p>Click again, and the sorting direction will be descending (Z to A):</p><table id="myTable"> <tr> <!--When a header is clicked, run the sortTable function, with a parameter, 0 for sorting by names, 1 for sorting by country:--> <th onclick="sortTable(0)">Name</th> <th onclick="sortTable(1)">Country</th> </tr> <tr> <td>Berglunds snabbkop</td> <td>Sweden</td> </tr> <tr> <td>North/South</td> <td>UK</td> </tr>