Sort a HTML Table Alphabetically<\/title>\n<style>\ntable {\n border-spacing: 0;\n width: 100%;\n border: 1px solid #ddd;\n}\n\nth {\n cursor: pointer;\n}\n\nth, td {\n text-align: left;\n padding: 16px;\n}\n\ntr:nth-child(even) {\n background-color: #f2f2f2\n}\n<\/style>\n<\/head>\n<body>\n\n<p><strong>Click the headers to sort the table.<\/strong><\/p>\n<p>The first time you click, the sorting direction is ascending (A to Z).<\/p>\n<p>Click again, and the sorting direction will be descending (Z to A):<\/p>\n\n<table id=\"myTable\">\n <tr>\n  \n <th onclick=\"sortTable(0)\">Name<\/th>\n <th onclick=\"sortTable(1)\">Country<\/th>\n <\/tr>\n <tr>\n <td>Berglunds snabbkop<\/td>\n <td>Sweden<\/td>\n <\/tr>\n <tr>\n <td>North\/South<\/td>\n <td>UK<\/td>\n <\/tr>\n <tr>\n <td>Alfreds Futterkiste<\/td>\n <td>Germany<\/td>\n <\/tr>\n <tr>\n <td>Koniglich Essen<\/td>\n <td>Germany<\/td>\n <\/tr>\n <tr>\n <td>Magazzini Alimentari Riuniti<\/td>\n <td>Italy<\/td>\n <\/tr>\n <tr>\n <td>Paris specialites<\/td>\n <td>France<\/td>\n <\/tr>\n <tr>\n <td>Island Trading<\/td>\n <td>UK<\/td>\n <\/tr>\n <tr>\n <td>Laughing Bacchus Winecellars<\/td>\n <td>Canada<\/td>\n <\/tr>\n<\/table>\n\n<script>\nfunction sortTable(n) {\n var table, rows, switching, i, x, y, shouldSwitch, dir, switchcount = 0;\n table = document.getElementById(\"myTable\");\n switching = true;\n \/\/Set the sorting direction to ascending:\n dir = \"asc\"; \n \/*Make a loop that will continue until\n no switching has been done:*\/\n while (switching) {\n \/\/start by saying: no switching is done:\n switching = false;\n rows = table.rows;\n \/*Loop through all table rows (except the\n first, which contains table headers):*\/\n for (i = 1; i < (rows.length - 1); i++) {\n \/\/start by saying there should be no switching:\n shouldSwitch = false;\n \/*Get the two elements you want to compare,\n one from current row and one from the next:*\/\n x = rows[i].getElementsByTagName(\"TD\")[n];\n y = rows[i + 1].getElementsByTagName(\"TD\")[n];\n \/*check if the two rows should switch place,\n based on the direction, asc or desc:*\/\n if (dir == \"asc\") {\n if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) {\n \/\/if so, mark as a switch and break the loop:\n shouldSwitch= true;\n break;\n }\n } else if (dir == \"desc\") {\n if (x.innerHTML.toLowerCase() < y.innerHTML.toLowerCase()) {\n \/\/if so, mark as a switch and break the loop:\n shouldSwitch = true;\n break;\n }\n }\n }\n if (shouldSwitch) {\n \/*If a switch has been marked, make the switch\n and mark that a switch has been done:*\/\n rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);\n switching = true;\n \/\/Each time a switch is done, increase this count by 1:\n switchcount ++; \n } else {\n \/*If no switching has been done AND the direction is \"asc\",\n set the direction to \"desc\" and run the while loop again.*\/\n if (switchcount == 0 && dir == \"asc\") {\n dir = \"desc\";\n switching = true;\n }\n }\n }\n}\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Last Name First Name Email Due Last Date Sortless Web Site Khan Farhan farhan@test.com $50.00 20\/07\/2016 Lorem http:\/\/www.test.com Iqbal Kamran […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-923","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lwfoundationschool.org\/livetv\/wp-json\/wp\/v2\/pages\/923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lwfoundationschool.org\/livetv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lwfoundationschool.org\/livetv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lwfoundationschool.org\/livetv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lwfoundationschool.org\/livetv\/wp-json\/wp\/v2\/comments?post=923"}],"version-history":[{"count":5,"href":"https:\/\/lwfoundationschool.org\/livetv\/wp-json\/wp\/v2\/pages\/923\/revisions"}],"predecessor-version":[{"id":1406,"href":"https:\/\/lwfoundationschool.org\/livetv\/wp-json\/wp\/v2\/pages\/923\/revisions\/1406"}],"wp:attachment":[{"href":"https:\/\/lwfoundationschool.org\/livetv\/wp-json\/wp\/v2\/media?parent=923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":923,"date":"2023-07-07T13:00:43","date_gmt":"2023-07-07T13:00:43","guid":{"rendered":"https:\/\/lwfoundationschool.org\/livetv\/?page_id=923"},"modified":"2023-10-09T09:29:53","modified_gmt":"2023-10-09T09:29:53","slug":"10q-gpts-report","status":"publish","type":"page","link":"https:\/\/lwfoundationschool.org\/livetv\/10q-gpts-report\/","title":{"rendered":"10Q GPTS Report"},"content":{"rendered":"\n\n\n\n\n\n\n\n\n

Last Name<\/th>\n

First Name<\/th>\n

Email<\/th>\n

Due<\/th>\n

Last Date<\/th>\n

Sortless<\/th>\n

Web Site<\/th>\n<\/tr>\n<\/thead>\n

Khan<\/td>\n

Farhan<\/td>\n

farhan@test.com<\/td>\n

$50.00<\/td>\n

20\/07\/2016<\/td>\n

Lorem<\/td>\n

http:\/\/www.test.com<\/td>\n<\/tr>\n

Iqbal<\/td>\n

Kamran<\/td>\n

kamran.cheff@yahoo.com<\/td>\n

$50.00<\/td>\n

20\/07\/2017<\/td>\n

Ipsum<\/td>\n

http:\/\/www.kamrancheff.com<\/td>\n<\/tr>\n

Rana<\/td>\n

Usman<\/td>\n

usman@hotmail.com<\/td>\n

$100.00<\/td>\n

20\/07\/2014<\/td>\n

Dollar<\/td>\n

http:\/\/www.usmanrana.com<\/td>\n<\/tr>\n

Iqbal<\/td>\n

Hassan<\/td>\n

hassan@earthlink.net<\/td>\n

$50.00<\/td>\n

20\/07\/2015<\/td>\n

Sit<\/td>\n

http:\/\/www.hassaniqbal.com<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n\n\n\n\n\n\n\n\n\n\n

Zone<\/th>\n	Registration<\/th>\n	Sortless<\/th>\n
Khan<\/td>\n	Farhan<\/td>\n	farhan@test.com<\/td>\n<\/tr>\n
Iqbal<\/td>\n	Kamran<\/td>\n	kamran.cheff@yahoo.com<\/td>\n<\/tr>\n
Rana<\/td>\n	Usman<\/td>\n	usman@hotmail.com<\/td>\n<\/tr>\n
Iqbal<\/td>\n	Hassan<\/td>\n	hassan@earthlink.net<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n\n\n\n\n\nSort a HTML Table Alphabetically<\/title>\n<style>\ntable {\n border-spacing: 0;\n width: 100%;\n border: 1px solid #ddd;\n}\n\nth {\n cursor: pointer;\n}\n\nth, td {\n text-align: left;\n padding: 16px;\n}\n\ntr:nth-child(even) {\n background-color: #f2f2f2\n}\n<\/style>\n<\/head>\n<body>\n\n<p><strong>Click the headers to sort the table.<\/strong><\/p>\n<p>The first time you click, the sorting direction is ascending (A to Z).<\/p>\n<p>Click again, and the sorting direction will be descending (Z to A):<\/p>\n\n<table id=\"myTable\">\n <tr>\n <!--When a header is clicked, run the sortTable function, with a parameter, 0 for sorting by names, 1 for sorting by country:--> \n <th onclick=\"sortTable(0)\">Name<\/th>\n <th onclick=\"sortTable(1)\">Country<\/th>\n <\/tr>\n <tr>\n <td>Berglunds snabbkop<\/td>\n <td>Sweden<\/td>\n <\/tr>\n <tr>\n <td>North\/South<\/td>\n <td>UK<\/td>\n <\/tr>\n <tr>\n <td>Alfreds Futterkiste<\/td>\n <td>Germany<\/td>\n <\/tr>\n <tr>\n <td>Koniglich Essen<\/td>\n <td>Germany<\/td>\n <\/tr>\n <tr>\n <td>Magazzini Alimentari Riuniti<\/td>\n <td>Italy<\/td>\n <\/tr>\n <tr>\n <td>Paris specialites<\/td>\n <td>France<\/td>\n <\/tr>\n <tr>\n <td>Island Trading<\/td>\n <td>UK<\/td>\n <\/tr>\n <tr>\n <td>Laughing Bacchus Winecellars<\/td>\n <td>Canada<\/td>\n <\/tr>\n<\/table>\n\n<script>\nfunction sortTable(n) {\n var table, rows, switching, i, x, y, shouldSwitch, dir, switchcount = 0;\n table = document.getElementById(\"myTable\");\n switching = true;\n \/\/Set the sorting direction to ascending:\n dir = \"asc\"; \n \/Make a loop that will continue until\n no switching has been done:\/\n while (switching) {\n \/\/start by saying: no switching is done:\n switching = false;\n rows = table.rows;\n \/Loop through all table rows (except the\n first, which contains table headers):\/\n for (i = 1; i < (rows.length - 1); i++) {\n \/\/start by saying there should be no switching:\n shouldSwitch = false;\n \/Get the two elements you want to compare,\n one from current row and one from the next:\/\n x = rows[i].getElementsByTagName(\"TD\")[n];\n y = rows[i + 1].getElementsByTagName(\"TD\")[n];\n \/check if the two rows should switch place,\n based on the direction, asc or desc:\/\n if (dir == \"asc\") {\n if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) {\n \/\/if so, mark as a switch and break the loop:\n shouldSwitch= true;\n break;\n }\n } else if (dir == \"desc\") {\n if (x.innerHTML.toLowerCase() < y.innerHTML.toLowerCase()) {\n \/\/if so, mark as a switch and break the loop:\n shouldSwitch = true;\n break;\n }\n }\n }\n if (shouldSwitch) {\n \/If a switch has been marked, make the switch\n and mark that a switch has been done:\/\n rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);\n switching = true;\n \/\/Each time a switch is done, increase this count by 1:\n switchcount ++; \n } else {\n \/If no switching has been done AND the direction is \"asc\",\n set the direction to \"desc\" and run the while loop again.\/\n if (switchcount == 0 && dir == \"asc\") {\n dir = \"desc\";\n switching = true;\n }\n }\n }\n}\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Last Name First Name Email Due Last Date Sortless Web Site Khan Farhan farhan@test.com $50.00 20\/07\/2016 Lorem http:\/\/www.test.com Iqbal Kamran […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-923","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lwfoundationschool.org\/livetv\/wp-json\/wp\/v2\/pages\/923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lwfoundationschool.org\/livetv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lwfoundationschool.org\/livetv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lwfoundationschool.org\/livetv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lwfoundationschool.org\/livetv\/wp-json\/wp\/v2\/comments?post=923"}],"version-history":[{"count":5,"href":"https:\/\/lwfoundationschool.org\/livetv\/wp-json\/wp\/v2\/pages\/923\/revisions"}],"predecessor-version":[{"id":1406,"href":"https:\/\/lwfoundationschool.org\/livetv\/wp-json\/wp\/v2\/pages\/923\/revisions\/1406"}],"wp:attachment":[{"href":"https:\/\/lwfoundationschool.org\/livetv\/wp-json\/wp\/v2\/media?parent=923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}