Sortable Table Using Pure Javascript

This Javascript code copied from Code Boxx. Code modified for some additional functions.
› Fixed sorting decimal / float and integer numbers.
› Added Bootstrap grid system support.


GitHub Page of Source Code

Click on a table header to sort (click again to sort in reverse order).

Javascript Data Object to Sortable Table

Regular HTML Table to Sortable Table

BrowserVersionPercentage (%)
Chrome for Android34.59
Chrome86.020.07
Safari iPhone13.58
Chrome87.04.09
Safari14.02.3
Samsung Internet12.12.21
Edge862.1
Firefox82.01.9

Responsive Bootstrap Column Row to Sortable Table

Country
City
Year
Turkey
Istanbul
2013
United States
New York
2011
Brazil
Rio de Janeiro
2013
France
Paris
2018
Hong Kong
Victoria
2014
bootstrap sortable tablehtml sortable tablehtml table sortjavascript sortable tablesortable table htmljavascript sortable tablesjavascript sortablesortable tablehow to sort html table column using javascriptsortable table bootstrapjavascript sort table rowspure javascriptjs sortable tablehtml table sortablejavascript sort html tablebootstrap sortable table examplejavascript order tablebootstrap sortablesortable html tablesortable javascriptsortable table javascriptsortable bootstrap tablejavascript sort table by columnjavascript tablebootstrap table sortablebootstrap 5 sortable tablesortable table jsjavascript sorttablejavascript table sortsort html table using javascriptbootstrap sortable listtable sortablehtml sortable table generatorjs sortablebootstrap sort tablebootstrap 5 sort tablebootstrap sortable tablestable sort javascriptsorting html table with javascriptsortabletablejavascript sort tablehtml table with sortingtable program in javascriptbootstrap 4 sortable tablesorting table javascriptsort table bootstraporder table javascriptbootstrap sorting tablejavascript html eklemejs sort tablesort table html javascripttable with sorting in bootstrapbootstrap table sortjavascript sorting tablebootstrap table sortinghtml sortablesort table bootstrap 5html sort table javascriptjavascript table sortablesorting table in javascriptsortable js table examplebootstrap tables sortablesortable htmlhtml sort table without javascripthow to sort table data in html using javascriptsortable table in htmltable sorting in javascripttable sorting javascriptbootstrap 4 sortablesortable bootstraphtml sort table by clicking headersort table in htmlsort table rows javascriptsort table jquery bootstrapjquery sort table on header clickhtml table sorting

0 Comments