Sort table rows In Bootstrap

Question

Can someone please show me an example of code that I would have to use to sort a column of a table in Bootstrap   For example  if I want to sort by price  or by name

User · Accepted Answer

These examples are minified because StackOverflow has a maximum character limit and links to external code are discouraged since links can break  There are multiple plugins if you look  Bootstrap Sortable  Bootstrap Table or DataTables  Bootstrap 3 with DataTables Example  Bootstrap Docs  amp  DataTables Docs  x000D   x000D    document  ready function           example   DataTable        x000D   lt link href https   cdnjs cloudflare com ajax libs twitter-bootstrap 3 4 1 css bootstrap min css rel stylesheet gt  lt link href https   cdnjs cloudflare com ajax libs datatables 1 10 20 css dataTables bootstrap min css rel stylesheet gt  lt div class container gt  lt h1 gt Bootstrap 3 DataTables lt  h1 gt  lt table cellspacing 0 class  table table-bordered table-hover table-striped id example width 100  gt  lt thead gt  lt tr gt  lt th gt Name lt th gt Position lt th gt Office lt th gt Salary lt tbody gt  lt tr gt  lt td gt Tiger Nixon lt td gt System Architect lt td gt Edinburgh lt td gt  320 800 lt tr gt  lt td gt Garrett Winters lt td gt Accountant lt td gt Tokyo lt td gt  170 750 lt tr gt  lt td gt Ashton Cox lt td gt Junior Technical Author lt td gt San Francisco lt td gt  86 000 lt tr gt  lt td gt Cedric Kelly lt td gt Senior Javascript Developer lt td gt Edinburgh lt td gt  433 060 lt tr gt  lt td gt Airi Satou lt td gt Accountant lt td gt Tokyo lt td gt  162 700 lt tr gt  lt td gt Brielle Williamson lt td gt Integration Specialist lt td gt New York lt td gt  372 000 lt tr gt  lt td gt Herrod Chandler lt td gt Sales Assistant lt td gt San Francisco lt td gt  137 500 lt tr gt  lt td gt Rhona Davidson lt td gt Integration Specialist lt td gt Tokyo lt td gt  327 900 lt tr gt  lt td gt Colleen Hurst lt td gt Javascript Developer lt td gt San Francisco lt td gt  205 500 lt tr gt  lt td gt Sonya Frost lt td gt Software Engineer lt td gt Edinburgh lt td gt  103 600 lt tr gt  lt td gt Jena Gaines lt td gt Office Manager lt td gt London lt td gt  90 560 lt tr gt  lt td gt Quinn Flynn lt td gt Support Lead lt td gt Edinburgh lt td gt  342 000 lt tr gt  lt td gt Charde Marshall lt td gt Regional Director lt td gt San Francisco lt td gt  470 600 lt tr gt  lt td gt Haley Kennedy lt td gt Senior Marketing Designer lt td gt London lt td gt  313 500 lt tr gt  lt td gt Tatyana Fitzpatrick lt td gt Regional Director lt td gt London lt td gt  385 750 lt tr gt  lt td gt Michael Silva lt td gt Marketing Designer lt td gt London lt td gt  198 500 lt tr gt  lt td gt Paul Byrd lt td gt Chief Financial Officer  CFO  lt td gt New York lt td gt  725 000 lt tr gt  lt td gt Gloria Little lt td gt Systems Administrator lt td gt New York lt td gt  237 500 lt tr gt  lt td gt Bradley Greer lt td gt Software Engineer lt td gt London lt td gt  132 000 lt tr gt  lt td gt Dai Rios lt td gt Personnel Lead lt td gt Edinburgh lt td gt  217 500 lt tr gt  lt td gt Jenette Caldwell lt td gt Development Lead lt td gt New York lt td gt  345 000 lt tr gt  lt td gt Yuri Berry lt td gt Chief Marketing Officer  CMO  lt td gt New York lt td gt  675 000 lt tr gt  lt td gt Caesar Vance lt td gt Pre-Sales Support lt td gt New York lt td gt  106 450 lt tr gt  lt td gt Doris Wilder lt td gt Sales Assistant lt td gt Sidney lt td gt  85 600 lt tr gt  lt td gt Angelica Ramos lt td gt Chief Executive Officer  CEO  lt td gt London lt td gt  1 200 000 lt tr gt  lt td gt Gavin Joyce lt td gt Developer lt td gt Edinburgh lt td gt  92 575 lt tr gt  lt td gt Jennifer Chang lt td gt Regional Director lt td gt Singapore lt td gt  357 650 lt tr gt  lt td gt Brenden Wagner lt td gt Software Engineer lt td gt San Francisco lt td gt  206 850 lt tr gt  lt td gt Fiona Green lt td gt Chief Operating Officer  COO  lt td gt San Francisco lt td gt  850 000 lt tr gt  lt td gt Shou Itou lt td gt Regional Marketing lt td gt Tokyo lt td gt  163 000 lt tr gt  lt td gt Michelle House lt td gt Integration Specialist lt td gt Sidney lt td gt  95 400 lt tr gt  lt td gt Suki Burks lt td gt Developer lt td gt London lt td gt  114 500 lt tr gt  lt td gt Prescott Bartlett lt td gt Technical Author lt td gt London lt td gt  145 000 lt tr gt  lt td gt Gavin Cortez lt td gt Team Leader lt td gt San Francisco lt td gt  235 500 lt tr gt  lt td gt Martena Mccray lt td gt Post-Sales support lt td gt Edinburgh lt td gt  324 050 lt tr gt  lt td gt Unity Butler lt td gt Marketing Designer lt td gt San Francisco lt td gt  85 675 lt tr gt  lt td gt Howard Hatfield lt td gt Office Manager lt td gt San Francisco lt td gt  164 500 lt tr gt  lt td gt Hope Fuentes lt td gt Secretary lt td gt San Francisco lt td gt  109 850 lt tr gt  lt td gt Vivian Harrell lt td gt Financial Controller lt td gt San Francisco lt td gt  452 500 lt tr gt  lt td gt Timothy Mooney lt td gt Office Manager lt td gt London lt td gt  136 200 lt tr gt  lt td gt Jackson Bradshaw lt td gt Director lt td gt New York lt td gt  645 750 lt tr gt  lt td gt Olivia Liang lt td gt Support Engineer lt td gt Singapore lt td gt  234 500 lt tr gt  lt td gt Bruno Nash lt td gt Software Engineer lt td gt London lt td gt  163 500 lt tr gt  lt td gt Sakura Yamamoto lt td gt Support Engineer lt td gt Tokyo lt td gt  139 575 lt tr gt  lt td gt Thor Walton lt td gt Developer lt td gt New York lt td gt  98 540 lt tr gt  lt td gt Finn Camacho lt td gt Support Engineer lt td gt San Francisco lt td gt  87 500 lt tr gt  lt td gt Serge Baldwin lt td gt Data Coordinator lt td gt Singapore lt td gt  138 575 lt tr gt  lt td gt Zenaida Frank lt td gt Software Engineer lt td gt New York lt td gt  125 250 lt tr gt  lt td gt Zorita Serrano lt td gt Software Engineer lt td gt San Francisco lt td gt  115 000 lt tr gt  lt td gt Jennifer Acosta lt td gt Junior Javascript Developer lt td gt Edinburgh lt td gt  75 650 lt tr gt  lt td gt Cara Stevens lt td gt Sales Assistant lt td gt New York lt td gt  145 600 lt tr gt  lt td gt Hermione Butler lt td gt Regional Director lt td gt London lt td gt  356 250 lt tr gt  lt td gt Lael Greer lt td gt Systems Administrator lt td gt London lt td gt  103 500 lt tr gt  lt td gt Jonas Alexander lt td gt Developer lt td gt San Francisco lt td gt  86 500 lt tr gt  lt td gt Shad Decker lt td gt Regional Director lt td gt Edinburgh lt td gt  183 000 lt tr gt  lt td gt Michael Bruce lt td gt Javascript Developer lt td gt Singapore lt td gt  183 000 lt tr gt  lt td gt Donna Snider lt td gt Customer Support lt td gt New York lt td gt  112 000 lt  table gt  lt  div gt  lt script src https   cdnjs cloudflare com ajax libs jquery 3 5 1 jquery min js gt  lt  script gt  lt script src https   cdnjs cloudflare com ajax libs datatables 1 10 20 js jquery dataTables min js gt  lt  script gt  lt script src https   cdnjs cloudflare com ajax libs datatables 1 10 20 js dataTables bootstrap min js gt  lt  script gt  x000D   x000D   x000D   Bootstrap 4 with DataTables Example  Bootstrap Docs  amp  DataTables Docs  x000D   x000D    document  ready function           example   DataTable        x000D   lt link href https   cdnjs cloudflare com ajax libs twitter-bootstrap 4 5 0 css bootstrap min css rel stylesheet gt  lt link href https   cdnjs cloudflare com ajax libs datatables 1 10 20 css dataTables bootstrap4 min css rel stylesheet gt  lt div class container gt  lt h1 gt Bootstrap 4 DataTables lt  h1 gt  lt table cellspacing 0 class  table table-bordered table-hover table-inverse table-striped id example width 100  gt  lt thead gt  lt tr gt  lt th gt Name lt th gt Position lt th gt Office lt th gt Age lt th gt Start date lt th gt Salary lt tfoot gt  lt tr gt  lt th gt Name lt th gt Position lt th gt Office lt th gt Age lt th gt Start date lt th gt Salary lt tbody gt  lt tr gt  lt td gt Tiger Nixon lt td gt System Architect lt td gt Edinburgh lt td gt 61 lt td gt 2011 04 25 lt td gt  320 800 lt tr gt  lt td gt Garrett Winters lt td gt Accountant lt td gt Tokyo lt td gt 63 lt td gt 2011 07 25 lt td gt  170 750 lt tr gt  lt td gt Ashton Cox lt td gt Junior Technical Author lt td gt San Francisco lt td gt 66 lt td gt 2009 01 12 lt td gt  86 000 lt tr gt  lt td gt Cedric Kelly lt td gt Senior Javascript Developer lt td gt Edinburgh lt td gt 22 lt td gt 2012 03 29 lt td gt  433 060 lt tr gt  lt td gt Airi Satou lt td gt Accountant lt td gt Tokyo lt td gt 33 lt td gt 2008 11 28 lt td gt  162 700 lt tr gt  lt td gt Brielle Williamson lt td gt Integration Specialist lt td gt New York lt td gt 61 lt td gt 2012 12 02 lt td gt  372 000 lt tr gt  lt td gt Herrod Chandler lt td gt Sales Assistant lt td gt San Francisco lt td gt 59 lt td gt 2012 08 06 lt td gt  137 500 lt tr gt  lt td gt Rhona Davidson lt td gt Integration Specialist lt td gt Tokyo lt td gt 55 lt td gt 2010 10 14 lt td gt  327 900 lt tr gt  lt td gt Colleen Hurst lt td gt Javascript Developer lt td gt San Francisco lt td gt 39 lt td gt 2009 09 15 lt td gt  205 500 lt tr gt  lt td gt Sonya Frost lt td gt Software Engineer lt td gt Edinburgh lt td gt 23 lt td gt 2008 12 13 lt td gt  103 600 lt tr gt  lt td gt Jena Gaines lt td gt Office Manager lt td gt London lt td gt 30 lt td gt 2008 12 19 lt td gt  90 560 lt tr gt  lt td gt Quinn Flynn lt td gt Support Lead lt td gt Edinburgh lt td gt 22 lt td gt 2013 03 03 lt td gt  342 000 lt tr gt  lt td gt Charde Marshall lt td gt Regional Director lt td gt San Francisco lt td gt 36 lt td gt 2008 10 16 lt td gt  470 600 lt tr gt  lt td gt Haley Kennedy lt td gt Senior Marketing Designer lt td gt London lt td gt 43 lt td gt 2012 12 18 lt td gt  313 500 lt tr gt  lt td gt Tatyana Fitzpatrick lt td gt Regional Director lt td gt London lt td gt 19 lt td gt 2010 03 17 lt td gt  385 750 lt tr gt  lt td gt Michael Silva lt td gt Marketing Designer lt td gt London lt td gt 66 lt td gt 2012 11 27 lt td gt  198 500 lt tr gt  lt td gt Paul Byrd lt td gt Chief Financial Officer  CFO  lt td gt New York lt td gt 64 lt td gt 2010 06 09 lt td gt  725 000 lt tr gt  lt td gt Gloria Little lt td gt Systems Administrator lt td gt New York lt td gt 59 lt td gt 2009 04 10 lt td gt  237 500 lt tr gt  lt td gt Bradley Greer lt td gt Software Engineer lt td gt London lt td gt 41 lt td gt 2012 10 13 lt td gt  132 000 lt tr gt  lt td gt Dai Rios lt td gt Personnel Lead lt td gt Edinburgh lt td gt 35 lt td gt 2012 09 26 lt td gt  217 500 lt tr gt  lt td gt Jenette Caldwell lt td gt Development Lead lt td gt New York lt td gt 30 lt td gt 2011 09 03 lt td gt  345 000 lt tr gt  lt td gt Yuri Berry lt td gt Chief Marketing Officer  CMO  lt td gt New York lt td gt 40 lt td gt 2009 06 25 lt td gt  675 000 lt tr gt  lt td gt Caesar Vance lt td gt Pre-Sales Support lt td gt New York lt td gt 21 lt td gt 2011 12 12 lt td gt  106 450 lt tr gt  lt td gt Doris Wilder lt td gt Sales Assistant lt td gt Sidney lt td gt 23 lt td gt 2010 09 20 lt td gt  85 600 lt tr gt  lt td gt Angelica Ramos lt td gt Chief Executive Officer  CEO  lt td gt London lt td gt 47 lt td gt 2009 10 09 lt td gt  1 200 000 lt tr gt  lt td gt Gavin Joyce lt td gt Developer lt td gt Edinburgh lt td gt 42 lt td gt 2010 12 22 lt td gt  92 575 lt tr gt  lt td gt Jennifer Chang lt td gt Regional Director lt td gt Singapore lt td gt 28 lt td gt 2010 11 14 lt td gt  357 650 lt tr gt  lt td gt Brenden Wagner lt td gt Software Engineer lt td gt San Francisco lt td gt 28 lt td gt 2011 06 07 lt td gt  206 850 lt tr gt  lt td gt Fiona Green lt td gt Chief Operating Officer  COO  lt td gt San Francisco lt td gt 48 lt td gt 2010 03 11 lt td gt  850 000 lt tr gt  lt td gt Shou Itou lt td gt Regional Marketing lt td gt Tokyo lt td gt 20 lt td gt 2011 08 14 lt td gt  163 000 lt tr gt  lt td gt Michelle House lt td gt Integration Specialist lt td gt Sidney lt td gt 37 lt td gt 2011 06 02 lt td gt  95 400 lt tr gt  lt td gt Suki Burks lt td gt Developer lt td gt London lt td gt 53 lt td gt 2009 10 22 lt td gt  114 500 lt tr gt  lt td gt Prescott Bartlett lt td gt Technical Author lt td gt London lt td gt 27 lt td gt 2011 05 07 lt td gt  145 000 lt tr gt  lt td gt Gavin Cortez lt td gt Team Leader lt td gt San Francisco lt td gt 22 lt td gt 2008 10 26 lt td gt  235 500 lt tr gt  lt td gt Martena Mccray lt td gt Post-Sales support lt td gt Edinburgh lt td gt 46 lt td gt 2011 03 09 lt td gt  324 050 lt tr gt  lt td gt Unity Butler lt td gt Marketing Designer lt td gt San Francisco lt td gt 47 lt td gt 2009 12 09 lt td gt  85 675 lt tr gt  lt td gt Howard Hatfield lt td gt Office Manager lt td gt San Francisco lt td gt 51 lt td gt 2008 12 16 lt td gt  164 500 lt tr gt  lt td gt Hope Fuentes lt td gt Secretary lt td gt San Francisco lt td gt 41 lt td gt 2010 02 12 lt td gt  109 850 lt tr gt  lt td gt Vivian Harrell lt td gt Financial Controller lt td gt San Francisco lt td gt 62 lt td gt 2009 02 14 lt td gt  452 500 lt tr gt  lt td gt Timothy Mooney lt td gt Office Manager lt td gt London lt td gt 37 lt td gt 2008 12 11 lt td gt  136 200 lt tr gt  lt td gt Jackson Bradshaw lt td gt Director lt td gt New York lt td gt 65 lt td gt 2008 09 26 lt td gt  645 750 lt tr gt  lt td gt Olivia Liang lt td gt Support Engineer lt td gt Singapore lt td gt 64 lt td gt 2011 02 03 lt td gt  234 500 lt tr gt  lt td gt Bruno Nash lt td gt Software Engineer lt td gt London lt td gt 38 lt td gt 2011 05 03 lt td gt  163 500 lt tr gt  lt td gt Sakura Yamamoto lt td gt Support Engineer lt td gt Tokyo lt td gt 37 lt td gt 2009 08 19 lt td gt  139 575 lt tr gt  lt td gt Thor Walton lt td gt Developer lt td gt New York lt td gt 61 lt td gt 2013 08 11 lt td gt  98 540 lt tr gt  lt td gt Finn Camacho lt td gt Support Engineer lt td gt San Francisco lt td gt 47 lt td gt 2009 07 07 lt td gt  87 500 lt tr gt  lt td gt Serge Baldwin lt td gt Data Coordinator lt td gt Singapore lt td gt 64 lt td gt 2012 04 09 lt td gt  138 575 lt tr gt  lt td gt Zenaida Frank lt td gt Software Engineer lt td gt New York lt td gt 63 lt td gt 2010 01 04 lt td gt  125 250 lt tr gt  lt td gt Zorita Serrano lt td gt Software Engineer lt td gt San Francisco lt td gt 56 lt td gt 2012 06 01 lt td gt  115 000 lt tr gt  lt td gt Jennifer Acosta lt td gt Junior Javascript Developer lt td gt Edinburgh lt td gt 43 lt td gt 2013 02 01 lt td gt  75 650 lt tr gt  lt td gt Cara Stevens lt td gt Sales Assistant lt td gt New York lt td gt 46 lt td gt 2011 12 06 lt td gt  145 600 lt tr gt  lt td gt Hermione Butler lt td gt Regional Director lt td gt London lt td gt 47 lt td gt 2011 03 21 lt td gt  356 250 lt tr gt  lt td gt Lael Greer lt td gt Systems Administrator lt td gt London lt td gt 21 lt td gt 2009 02 27 lt td gt  103 500 lt tr gt  lt td gt Jonas Alexander lt td gt Developer lt td gt San Francisco lt td gt 30 lt td gt 2010 07 14 lt td gt  86 500 lt tr gt  lt td gt Shad Decker lt td gt Regional Director lt td gt Edinburgh lt td gt 51 lt td gt 2008 11 13 lt td gt  183 000 lt tr gt  lt td gt Michael Bruce lt td gt Javascript Developer lt td gt Singapore lt td gt 29 lt td gt 2011 06 27 lt td gt  183 000 lt tr gt  lt td gt Donna Snider lt td gt Customer Support lt td gt New York lt td gt 27 lt td gt 2011 01 25 lt td gt  112 000 lt  table gt  lt  div gt  lt script src https   cdnjs cloudflare com ajax libs jquery 3 5 1 jquery min js gt  lt  script gt  lt script src https   cdnjs cloudflare com ajax libs datatables 1 10 20 js jquery dataTables min js gt  lt  script gt  lt script src https   cdnjs cloudflare com ajax libs datatables 1 10 20 js dataTables bootstrap4 min js gt  lt  script gt  x000D   x000D   x000D   Bootstrap 3 with Bootstrap Table Example  Bootstrap Docs  amp  Bootstrap Table Docs  x000D   x000D   lt link href https   cdnjs cloudflare com ajax libs twitter-bootstrap 3 4 1 css bootstrap min css rel stylesheet gt  lt link href https   cdnjs cloudflare com ajax libs bootstrap-table 1 16 0 bootstrap-table min css rel stylesheet gt  lt table data-sort-name stargazers count data-sort-order desc data-toggle table data-url  https   api github com users wenzhixin repos type owner amp sort full name amp direction asc amp per page 100 amp page 1  gt  lt thead gt  lt tr gt  lt th data-field name data-sortable true gt Name lt th data-field stargazers count data-sortable true gt Stars lt th data-field forks count data-sortable true gt Forks lt th data-field description data-sortable true gt Description lt  thead gt  lt  table gt  lt script src https   cdnjs cloudflare com ajax libs jquery 3 5 1 jquery min js gt  lt  script gt  lt script src https   cdnjs cloudflare com ajax libs bootstrap-table 1 16 0 bootstrap-table min js gt  lt  script gt  x000D   x000D   x000D   Bootstrap 3 with Bootstrap Sortable Example  Bootstrap Docs  amp  Bootstrap Sortable Docs  x000D   x000D  function randomDate t e  return new Date t getTime   Math random    e getTime  -t getTime     function randomName   return  Jack   Peter   Frank   Steven   Math floor 4 Math random           White   Jackson   Sinatra   Spielberg   Math floor 4 Math random     function newTableRow   var t moment randomDate new Date 2e3 0 1  new Date   format  D M YYYY   e Math round Math random   Math random   100 100  100 a Math round Math random   Math random   100 100  100 r Math round Math random   Math random   100 100  100 return  lt tr gt  lt td gt   randomName     lt  td gt  lt td gt   e   lt  td gt  lt td gt   a   lt  td gt  lt td gt   r   lt  td gt  lt td gt   Math round 100  e a r   100   lt  td gt  lt td data-dateformat  D-M-YYYY  gt   t   lt  td gt  lt  tr gt   function customSort   alert  Custom sort     function t e   use strict   function   typeof define amp  amp define amd define  tinysort  function   return e   t tinysort e  this function    use strict  function t t e  for var a r t length o r o--  e t a r-o-1  a  function e t e a  for var o in e  a  t o    r  amp  amp  t o  e o   return t function a t e a  u push  prepare t sort e sortBy a   var r o  1 n null s window d s document i parseFloat l   -  d     d   s   g c    d     d   s   g u    f 0 h 0 p String fromCharCode 4095  m  selector n order  asc  attr n data n useVal o place  org  returns o cases o natural o forceStrings o ignoreDashes o sortFunction n useFlex o emptyEnd o  return s Element amp  amp function t  t matchesSelector t matchesSelector  t mozMatchesSelector  t msMatchesSelector  t oMatchesSelector  t webkitMatchesSelector  function t  for var e this a  e parentNode  e document  querySelectorAll t  r -1 a   r  amp  amp a r   e   return  a r    Element prototype  e a  loop t   e function a s  function v t  var a   t selector r a amp  amp       t selector 0  o e t     m  E push e  hasSelector a hasAttr   o attr   n       o attr  hasData o data   n hasFilter r sortReturnNumber  asc    o order 1 -1  o   function b t e a  for var r a t toString    o a e toString    n 0 r n  amp  amp o n  n   if r n    o n   var s Number r n   d Number o n   return s  r n  amp  amp d  o n  s-d r n  gt o n  1 -1 return r length-o length function g t  for var e a r    o 0 n -1 s 0 e  a t charAt o     charCodeAt 0    var d 46  e  e gt  48 amp  amp 57 gt  e d   s amp  amp  r   n     s d  r n   a return r function w   return Y forEach function t  F appendChild t elm    F function S t  var e t elm a d createElement  div   return t ghost a e parentNode insertBefore a e  t function y t e  var a t ghost r a parentNode r insertBefore e a  r removeChild a  delete t ghost function C t e  var a r t elm return e selector amp  amp  e hasFilter r matchesSelector e selector    r n  r r querySelector e selector   e hasAttr a r getAttribute e attr  e useVal a r value  r getAttribute  value   e hasData a r getAttribute  data-  e data  r amp  amp  a r textContent  M a  amp  amp  e cases   a a toLowerCase    a a replace   s  g       null   a amp  amp  a p  a function M t  return string   typeof t M a  amp  amp  a d querySelectorAll a   0   a length amp  amp console warn  No elements to sort   var x N F d createDocumentFragment   D    Y         E    k  0 A a length amp  amp a 0  parentNode T A rootNode   document R a length amp  amp  s   r   1   s useFlex  amp  amp  T amp  amp -1   getComputedStyle A null  display indexOf  flex   return function   0   arguments length v     t arguments function t  v M t   selector t  t    f E length  apply n Array prototype slice call arguments 1   t a function t e  N N   t parentNode amp  amp  k  1  N t parentNode var a E 0  r a hasFilter o a selector n  o  r amp  amp t matchesSelector o   o amp  amp t querySelector o  Y   s  elm t pos e posn n length  D push s  n push s    x Y slice 0  Y sort function e a  var n 0 for 0   h amp  amp  h 0  0   n amp  amp f gt h   var s E h  d s ignoreDashes c l if t u function t  var e t prepare e amp  amp e s    s sortFunction n s sortFunction e a  else if  rand   s order n Math random   lt  5 1 -1 else var p o m C e s  v C a s  w      m  m   r S      v  v   r if m   v n 0 else if s emptyEnd amp  amp  w  S  n w amp  amp S 0 w 1 -1 else if  s forceStrings  var y M m  m amp  amp m match d  o x M v  v amp  amp v match d  o y amp  amp x amp  amp m substr 0 m length-y 0  length   v substr 0 v length-x 0  length  amp  amp  p  o m i y 0   v i x 0    n m   r  v   r 0 s natural amp  amp  isNaN m   isNaN v   b m v g  v gt m -1 m gt v 1 0  t u function t  var e t sort e amp  amp  n e s p m v n     0   n  s sortReturnNumber  amp  amp h   return 0   n amp  amp  n e pos gt a pos 1 -1  n   function   var t Y length   D length if k amp  amp t R Y forEach function t e  t elm style order e   N N appendChild w    console warn  parentNode has been removed   else var e E 0  place a  start    e r  end    e o  first    e n  last    e if  org    e Y forEach S  Y forEach function t e  y x e  t elm    else if a  r  var s x a 0 x length-1  d s amp  amp s elm parentNode i d amp  amp  a amp  amp d firstChild  d lastChild  i amp  amp  i   s elm amp  amp  s  elm i   S s  r amp  amp d appendChild s ghost  y s w     else o  n  amp  amp y S x o 0 x length-1   w        Y map function t  return t elm     plugin a defaults m       function t e   function   typeof define amp  amp define amd define   jquery   tinysort   moment   e  e t jQuery t tinysort t moment  void 0   this function t e a  var r o n s t document  function d e  var s void 0   a r e sign e sign  arrow   default   e customSort amp  amp  e customSort c  o e customSort  o  c n e emptyEnd t  table sortable   each function   var r t this  o  0   e applyLast r find  span sign   remove   r find   gt  thead  colspan    each function   for var e parseFloat t this  attr  colspan    a 1 a lt e a   t this  after   lt th class  colspan-compensate  gt      r find   gt  thead  rowspan    each function   for var e t this  a parseFloat e attr  rowspan    r 1 r lt a r    var o e parent  tr   n o next  tr   s o children   index e  n children   eq s  before   lt th class  rowspan-compensate  gt       r find   gt  thead tr   each function e  t this  find  th   each function a  var r t this  r addClass  nosort   removeClass  up down   r attr  data-sortcolumn  a  r attr  data-sortkey  a  -  e      r find   gt  thead  rowspan-compensate   colspan-compensate   remove   r find  th   each function   var e t this  if void 0   e attr  data-dateformat   amp  amp s  var o parseFloat e attr  data-sortcolumn    r find  td nth-child    o 1       each function   var r t this  r attr  data-value  a r text   e attr  data-dateformat    format  YYYY MM DD HH mm ss      else if void 0   e attr  data-valueprovider    o parseFloat e attr  data-sortcolumn    r find  td nth-child    o 1       each function   var a t this  a attr  data-value  new RegExp e attr  data-valueprovider    exec a text    0        r find  td   each function   var e t this  void 0   e attr  data-dateformat   amp  amp s e attr  data-value  a e text   e attr  data-dateformat    format  YYYY MM DD HH mm ss    void 0   e attr  data-valueprovider   e attr  data-value  new RegExp e attr  data-valueprovider    exec e text    0   void 0   e attr  data-value   amp  amp e attr  data-value  e text      var n l r  d n bsSort r find   gt  thead th data-defaultsort   disabled     each function e  var a t this  r a closest  table sortable   a data  sortTable  r  var s a attr  data-sortkey   i o n lastSort -1 d s  o d s  a attr  data-defaultsort   void 0   d s  amp  amp o    s   i  amp  amp  d s   asc    d s   desc   asc  u a r       function i e  var a t e  r a data  sortTable    a closest  table sortable   u a r  function l e  var a e data  bootstrap-sortable-context   return void 0   a amp  amp  a  bsSort    lastSort void 0  e find   gt  thead th data-defaultsort   disabled     each function e  var r t this  o r attr  data-sortkey   a bsSort o  r attr  data-defaultsort   void 0   a bsSort o  amp  amp  a lastSort o    e data  bootstrap-sortable-context  a   a function c t a  e t a  function u e a  a trigger  before-sort   var s parseFloat e attr  data-sortcolumn    d l a  i d bsSort if e attr  colspan    var c parseFloat e data  mainsort     0 f parseFloat e data  sortkey   split  -   pop    if a find   gt  thead tr   length-1 gt f return void u a find   data-sortkey     s c   -   f 1        a  s  c var h e attr  data-defaultsign    r if a find   gt  thead th   each function   t this  removeClass  up   removeClass  down   addClass  nosort     t browser mozilla  var p a find   gt  thead div mozilla   void 0   p amp  amp  p find   sign   remove   p parent   html p html     e wrapInner   lt div class  mozilla  gt  lt  div gt    e children   eq 0  append   lt span class  sign   h    gt  lt  span gt    else a find   gt  thead span sign   remove   e append   lt span class  sign   h    gt  lt  span gt    var m e attr  data-sortkey   v  desc    e attr  data-firstsort    desc   asc  b i m   v d lastSort   m amp  amp void 0   i m    b  asc    b  desc   asc   i m  b d lastSort m  desc    i m   e find  span sign   addClass  up   e addClass  up   removeClass  down nosort    e addClass  down   removeClass  up nosort   var g a children  tbody   children  tr   w    t g filter   data-disablesort  true     get   reverse    each function e a  var r t a  w push  index g index r  row r   r remove     var S g not   data-disablesort  true     if 0  S length  var y  asc    i m  amp  amp n o S  emptyEnd y selector  td nth-child    s 1      order i m  data  value    t w reverse    each function t e  0   e index a children  tbody   prepend e row  a children  tbody   children  tr   eq e index-1  after e row    a find   gt  tbody  gt  tr  gt  td sorted  gt  thead th sorted   removeClass  sorted   S find  td eq   s      addClass  sorted   e addClass  sorted   a trigger  sorted   if t bootstrapSortable function t  null  t d     t constructor   Boolean d  applyLast t   void 0   t sortingHeader i t sortingHeader  d t   s on  click   table sortable gt thead th data-defaultsort   disabled    function t  i this     t browser  t browser  chrome  1 mozilla  1 opera  1 msie  1 safari  1  var f navigator userAgent t each t browser function e  t browser e    new RegExp e  i   test f  t browser mozilla amp  amp  mozilla    e amp  amp  t browser mozilla   new RegExp  firefox   i   test f   t browser chrome amp  amp  safari    e amp  amp  t browser safari  1    t t bootstrapSortable    function   var t    table   t append newTableRow    t append newTableRow       button add-row   on  click  function   var e   this  t append newTableRow    e data  sort     bootstrapSortable  0    bootstrapSortable  1       button change-sort   on  click  function     this  data  custom     bootstrapSortable  0 void 0 customSort    bootstrapSortable  0 void 0  default     t on  sorted  function   alert  Table was sorted          event   on  change  function     this  is   checked   t on  sorted  function   alert  Table was sorted      t off  sorted        input name sign  radio   change function     bootstrapSortable  0   this  val          x000D  table sortable span sign   display  block  position  absolute  top  50   right  5px  font-size  12px  margin-top  -10px  color   bfbfc1    table sortable th after   display  block  position  absolute  top  50   right  5px  font-size  12px  margin-top  -10px  color   bfbfc1    table sortable th arrow after   content        table sortable span arrow  span reversed  th arrow down after  th reversedarrow down after  th arrow up after  th reversedarrow up after   border-style  solid  border-width  5px  font-size  0  border-color   ccc transparent transparent transparent  line-height  0  height  0  width  0  margin-top  -2px    table sortable span arrow up  th arrow up after   border-color  transparent transparent  ccc transparent  margin-top  -7px    table sortable span reversed  th reversedarrow down after   border-color  transparent transparent  ccc transparent  margin-top  -7px    table sortable span reversed up  th reversedarrow up after   border-color   ccc transparent transparent transparent  margin-top  -2px    table sortable span az before  th az down after   content   a    z     table sortable span az up before  th az up after   content   z    a     table sortable th az nosort after  th AZ nosort after  th  19 nosort after  th month nosort after   content          table sortable span AZ before  th AZ down after   content   A    Z     table sortable span AZ up before  th AZ up after   content   Z    A     table sortable span  19 before  th  19 down after   content   1    9     table sortable span  19 up before  th  19 up after   content   9    1     table sortable span month before  th month down after   content   jan    dec     table sortable span month up before  th month up after   content   dec    jan     table sortable thead th not  data-defaultsort disabled     cursor  pointer  position  relative  top  0  left  0    table sortable thead th hover not  data-defaultsort disabled     background   efefef    table sortable thead th div mozilla   position  relative    x000D   lt link href https   cdnjs cloudflare com ajax libs font-awesome 5 13 1 css all min css rel stylesheet gt  lt link href https   maxcdn bootstrapcdn com bootstrap 3 4 1 css bootstrap min css rel stylesheet gt  lt div class container gt  lt div class hero-unit gt  lt h1 gt Bootstrap Sortable lt  h1 gt  lt  div gt  lt table class  sortable table table-bordered table-striped  gt  lt thead gt  lt tr gt  lt th style width 20  vertical-align middle data-defaultsign nospan class az data-defaultsort asc rowspan 2 gt  lt i class  fa fa-fw fa-map-marker  gt  lt  i gt Name lt th style text-align center colspan 4 data-mainsort 3 gt Results lt th data-defaultsort disabled gt  lt tr gt  lt th style width 20  colspan 2 data-mainsort 1 data-firstsort desc gt Round 1 lt th style width 20  gt Round 2 lt th style width 20  gt Total lt t

[twitter-bootstrap] Sort table rows In Bootstrap

These examples are minified because StackOverflow has a maximum character limit and links to external code are discouraged since links can break.

There are multiple plugins if you look: Bootstrap Sortable, Bootstrap Table or DataTables.

Examples related to twitter-bootstrap