Dashboard

Basic initialization

This example shows the basic use case of the ColReorder plug-in. With ColReorder enabled for a table, the user has the ability to click and drag any table header cell, and drop it where they wish the column to be inserted. The insert point is shown visually, and the column reordering is done as soon as the mouse button is released.

Name Position Office Age Start date Salary
Tiger Nixon System Architect Edinburgh 61 2011/04/25 $320,800
Garrett Winters Accountant Tokyo 63 2011/07/25 $170,750
Ashton Cox Junior Technical Author San Francisco 66 2009/01/12 $86,000
Cedric Kelly Senior Javascript Developer Edinburgh 22 2012/03/29 $433,060
Airi Satou Accountant Tokyo 33 2008/11/28 $162,700
Brielle Williamson Integration Specialist New York 61 2012/12/02 $372,000
Herrod Chandler Sales Assistant San Francisco 59 2012/08/06 $137,500
Rhona Davidson Integration Specialist Tokyo 55 2010/10/14 $327,900
Colleen Hurst Javascript Developer San Francisco 39 2009/09/15 $205,500
Sonya Frost Software Engineer Edinburgh 23 2008/12/13 $103,600
Jena Gaines Office Manager London 30 2008/12/19 $90,560
Quinn Flynn Support Lead Edinburgh 22 2013/03/03 $342,000
Charde Marshall Regional Director San Francisco 36 2008/10/16 $470,600
Haley Kennedy Senior Marketing Designer London 43 2012/12/18 $313,500
Tatyana Fitzpatrick Regional Director London 19 2010/03/17 $385,750
Michael Silva Marketing Designer London 66 2012/11/27 $198,500
Paul Byrd Chief Financial Officer (CFO) New York 64 2010/06/09 $725,000
Gloria Little Systems Administrator New York 59 2009/04/10 $237,500
Bradley Greer Software Engineer London 41 2012/10/13 $132,000
Dai Rios Personnel Lead Edinburgh 35 2012/09/26 $217,500
Jenette Caldwell Development Lead New York 30 2011/09/03 $345,000
Yuri Berry Chief Marketing Officer (CMO) New York 40 2009/06/25 $675,000
Caesar Vance Pre-Sales Support New York 21 2011/12/12 $106,450
Doris Wilder Sales Assistant Sidney 23 2010/09/20 $85,600
Angelica Ramos Chief Executive Officer (CEO) London 47 2009/10/09 $1,200,000
Gavin Joyce Developer Edinburgh 42 2010/12/22 $92,575
Jennifer Chang Regional Director Singapore 28 2010/11/14 $357,650
Brenden Wagner Software Engineer San Francisco 28 2011/06/07 $206,850
Fiona Green Chief Operating Officer (COO) San Francisco 48 2010/03/11 $850,000
Shou Itou Regional Marketing Tokyo 20 2011/08/14 $163,000
Michelle House Integration Specialist Sidney 37 2011/06/02 $95,400
Suki Burks Developer London 53 2009/10/22 $114,500
Prescott Bartlett Technical Author London 27 2011/05/07 $145,000
Gavin Cortez Team Leader San Francisco 22 2008/10/26 $235,500
Martena Mccray Post-Sales support Edinburgh 46 2011/03/09 $324,050
Unity Butler Marketing Designer San Francisco 47 2009/12/09 $85,675
Howard Hatfield Office Manager San Francisco 51 2008/12/16 $164,500
Hope Fuentes Secretary San Francisco 41 2010/02/12 $109,850
Vivian Harrell Financial Controller San Francisco 62 2009/02/14 $452,500
Timothy Mooney Office Manager London 37 2008/12/11 $136,200
Jackson Bradshaw Director New York 65 2008/09/26 $645,750
Olivia Liang Support Engineer Singapore 64 2011/02/03 $234,500
Bruno Nash Software Engineer London 38 2011/05/03 $163,500
Sakura Yamamoto Support Engineer Tokyo 37 2009/08/19 $139,575
Thor Walton Developer New York 61 2013/08/11 $98,540
Finn Camacho Support Engineer San Francisco 47 2009/07/07 $87,500
Serge Baldwin Data Coordinator Singapore 64 2012/04/09 $138,575
Zenaida Frank Software Engineer New York 63 2010/01/04 $125,250
Zorita Serrano Software Engineer San Francisco 56 2012/06/01 $115,000
Jennifer Acosta Junior Javascript Developer Edinburgh 43 2013/02/01 $75,650
Cara Stevens Sales Assistant New York 46 2011/12/06 $145,600
Hermione Butler Regional Director London 47 2011/03/21 $356,250
Lael Greer Systems Administrator London 21 2009/02/27 $103,500
Jonas Alexander Developer San Francisco 30 2010/07/14 $86,500
Shad Decker Regional Director Edinburgh 51 2008/11/13 $183,000
Michael Bruce Javascript Developer Singapore 29 2011/06/27 $183,000
Donna Snider Customer Support New York 27 2011/01/25 $112,000
Name Position Office Age Start date Salary

Scrolling table

This is a simple example to show ColReorder working with DataTables scrolling (scrollY and scrollX).

Name Position Office Age Start date Salary
Tiger Nixon System Architect Edinburgh 61 2011/04/25 $320,800
Garrett Winters Accountant Tokyo 63 2011/07/25 $170,750
Ashton Cox Junior Technical Author San Francisco 66 2009/01/12 $86,000
Cedric Kelly Senior Javascript Developer Edinburgh 22 2012/03/29 $433,060
Airi Satou Accountant Tokyo 33 2008/11/28 $162,700
Brielle Williamson Integration Specialist New York 61 2012/12/02 $372,000
Herrod Chandler Sales Assistant San Francisco 59 2012/08/06 $137,500
Rhona Davidson Integration Specialist Tokyo 55 2010/10/14 $327,900
Colleen Hurst Javascript Developer San Francisco 39 2009/09/15 $205,500
Sonya Frost Software Engineer Edinburgh 23 2008/12/13 $103,600
Jena Gaines Office Manager London 30 2008/12/19 $90,560
Quinn Flynn Support Lead Edinburgh 22 2013/03/03 $342,000
Charde Marshall Regional Director San Francisco 36 2008/10/16 $470,600
Haley Kennedy Senior Marketing Designer London 43 2012/12/18 $313,500
Tatyana Fitzpatrick Regional Director London 19 2010/03/17 $385,750
Michael Silva Marketing Designer London 66 2012/11/27 $198,500
Paul Byrd Chief Financial Officer (CFO) New York 64 2010/06/09 $725,000
Gloria Little Systems Administrator New York 59 2009/04/10 $237,500
Bradley Greer Software Engineer London 41 2012/10/13 $132,000
Dai Rios Personnel Lead Edinburgh 35 2012/09/26 $217,500
Jenette Caldwell Development Lead New York 30 2011/09/03 $345,000
Yuri Berry Chief Marketing Officer (CMO) New York 40 2009/06/25 $675,000
Caesar Vance Pre-Sales Support New York 21 2011/12/12 $106,450
Doris Wilder Sales Assistant Sidney 23 2010/09/20 $85,600
Angelica Ramos Chief Executive Officer (CEO) London 47 2009/10/09 $1,200,000
Gavin Joyce Developer Edinburgh 42 2010/12/22 $92,575
Jennifer Chang Regional Director Singapore 28 2010/11/14 $357,650
Brenden Wagner Software Engineer San Francisco 28 2011/06/07 $206,850
Fiona Green Chief Operating Officer (COO) San Francisco 48 2010/03/11 $850,000
Shou Itou Regional Marketing Tokyo 20 2011/08/14 $163,000
Michelle House Integration Specialist Sidney 37 2011/06/02 $95,400
Suki Burks Developer London 53 2009/10/22 $114,500
Prescott Bartlett Technical Author London 27 2011/05/07 $145,000
Gavin Cortez Team Leader San Francisco 22 2008/10/26 $235,500
Martena Mccray Post-Sales support Edinburgh 46 2011/03/09 $324,050
Unity Butler Marketing Designer San Francisco 47 2009/12/09 $85,675
Howard Hatfield Office Manager San Francisco 51 2008/12/16 $164,500
Hope Fuentes Secretary San Francisco 41 2010/02/12 $109,850
Vivian Harrell Financial Controller San Francisco 62 2009/02/14 $452,500
Timothy Mooney Office Manager London 37 2008/12/11 $136,200
Jackson Bradshaw Director New York 65 2008/09/26 $645,750
Olivia Liang Support Engineer Singapore 64 2011/02/03 $234,500
Bruno Nash Software Engineer London 38 2011/05/03 $163,500
Sakura Yamamoto Support Engineer Tokyo 37 2009/08/19 $139,575
Thor Walton Developer New York 61 2013/08/11 $98,540
Finn Camacho Support Engineer San Francisco 47 2009/07/07 $87,500
Serge Baldwin Data Coordinator Singapore 64 2012/04/09 $138,575
Zenaida Frank Software Engineer New York 63 2010/01/04 $125,250
Zorita Serrano Software Engineer San Francisco 56 2012/06/01 $115,000
Jennifer Acosta Junior Javascript Developer Edinburgh 43 2013/02/01 $75,650
Cara Stevens Sales Assistant New York 46 2011/12/06 $145,600
Hermione Butler Regional Director London 47 2011/03/21 $356,250
Lael Greer Systems Administrator London 21 2009/02/27 $103,500
Jonas Alexander Developer San Francisco 30 2010/07/14 $86,500
Shad Decker Regional Director Edinburgh 51 2008/11/13 $183,000
Michael Bruce Javascript Developer Singapore 29 2011/06/27 $183,000
Donna Snider Customer Support New York 27 2011/01/25 $112,000
Name Position Office Age Start date Salary

Predefined column ordering

This is a simple example to show ColReorder working with DataTables scrolling (scrollY and scrollX).

Name Position Office Age Start date Salary
Tiger Nixon System Architect Edinburgh 61 2011/04/25 $320,800
Garrett Winters Accountant Tokyo 63 2011/07/25 $170,750
Ashton Cox Junior Technical Author San Francisco 66 2009/01/12 $86,000
Cedric Kelly Senior Javascript Developer Edinburgh 22 2012/03/29 $433,060
Airi Satou Accountant Tokyo 33 2008/11/28 $162,700
Brielle Williamson Integration Specialist New York 61 2012/12/02 $372,000
Herrod Chandler Sales Assistant San Francisco 59 2012/08/06 $137,500
Rhona Davidson Integration Specialist Tokyo 55 2010/10/14 $327,900
Colleen Hurst Javascript Developer San Francisco 39 2009/09/15 $205,500
Sonya Frost Software Engineer Edinburgh 23 2008/12/13 $103,600
Jena Gaines Office Manager London 30 2008/12/19 $90,560
Quinn Flynn Support Lead Edinburgh 22 2013/03/03 $342,000
Charde Marshall Regional Director San Francisco 36 2008/10/16 $470,600
Haley Kennedy Senior Marketing Designer London 43 2012/12/18 $313,500
Tatyana Fitzpatrick Regional Director London 19 2010/03/17 $385,750
Michael Silva Marketing Designer London 66 2012/11/27 $198,500
Paul Byrd Chief Financial Officer (CFO) New York 64 2010/06/09 $725,000
Gloria Little Systems Administrator New York 59 2009/04/10 $237,500
Bradley Greer Software Engineer London 41 2012/10/13 $132,000
Dai Rios Personnel Lead Edinburgh 35 2012/09/26 $217,500
Jenette Caldwell Development Lead New York 30 2011/09/03 $345,000
Yuri Berry Chief Marketing Officer (CMO) New York 40 2009/06/25 $675,000
Caesar Vance Pre-Sales Support New York 21 2011/12/12 $106,450
Doris Wilder Sales Assistant Sidney 23 2010/09/20 $85,600
Angelica Ramos Chief Executive Officer (CEO) London 47 2009/10/09 $1,200,000
Gavin Joyce Developer Edinburgh 42 2010/12/22 $92,575
Jennifer Chang Regional Director Singapore 28 2010/11/14 $357,650
Brenden Wagner Software Engineer San Francisco 28 2011/06/07 $206,850
Fiona Green Chief Operating Officer (COO) San Francisco 48 2010/03/11 $850,000
Shou Itou Regional Marketing Tokyo 20 2011/08/14 $163,000
Michelle House Integration Specialist Sidney 37 2011/06/02 $95,400
Suki Burks Developer London 53 2009/10/22 $114,500
Prescott Bartlett Technical Author London 27 2011/05/07 $145,000
Gavin Cortez Team Leader San Francisco 22 2008/10/26 $235,500
Martena Mccray Post-Sales support Edinburgh 46 2011/03/09 $324,050
Unity Butler Marketing Designer San Francisco 47 2009/12/09 $85,675
Howard Hatfield Office Manager San Francisco 51 2008/12/16 $164,500
Hope Fuentes Secretary San Francisco 41 2010/02/12 $109,850
Vivian Harrell Financial Controller San Francisco 62 2009/02/14 $452,500
Timothy Mooney Office Manager London 37 2008/12/11 $136,200
Jackson Bradshaw Director New York 65 2008/09/26 $645,750
Olivia Liang Support Engineer Singapore 64 2011/02/03 $234,500
Bruno Nash Software Engineer London 38 2011/05/03 $163,500
Sakura Yamamoto Support Engineer Tokyo 37 2009/08/19 $139,575
Thor Walton Developer New York 61 2013/08/11 $98,540
Finn Camacho Support Engineer San Francisco 47 2009/07/07 $87,500
Serge Baldwin Data Coordinator Singapore 64 2012/04/09 $138,575
Zenaida Frank Software Engineer New York 63 2010/01/04 $125,250
Zorita Serrano Software Engineer San Francisco 56 2012/06/01 $115,000
Jennifer Acosta Junior Javascript Developer Edinburgh 43 2013/02/01 $75,650
Cara Stevens Sales Assistant New York 46 2011/12/06 $145,600
Hermione Butler Regional Director London 47 2011/03/21 $356,250
Lael Greer Systems Administrator London 21 2009/02/27 $103,500
Jonas Alexander Developer San Francisco 30 2010/07/14 $86,500
Shad Decker Regional Director Edinburgh 51 2008/11/13 $183,000
Michael Bruce Javascript Developer Singapore 29 2011/06/27 $183,000
Donna Snider Customer Support New York 27 2011/01/25 $112,000
Name Position Office Age Start date Salary

Individual column filtering

This example of how to use ColReorder shows how it can with with DataTables' ability to do individual column filtering. The basic example is exactly the same as the DataTables column filtering example, but with ColReorder also added to the table (colReorder).

Name Position Office Age Start date Salary
Tiger Nixon System Architect Edinburgh 61 2011/04/25 $320,800
Garrett Winters Accountant Tokyo 63 2011/07/25 $170,750
Ashton Cox Junior Technical Author San Francisco 66 2009/01/12 $86,000
Cedric Kelly Senior Javascript Developer Edinburgh 22 2012/03/29 $433,060
Airi Satou Accountant Tokyo 33 2008/11/28 $162,700
Brielle Williamson Integration Specialist New York 61 2012/12/02 $372,000
Herrod Chandler Sales Assistant San Francisco 59 2012/08/06 $137,500
Rhona Davidson Integration Specialist Tokyo 55 2010/10/14 $327,900
Colleen Hurst Javascript Developer San Francisco 39 2009/09/15 $205,500
Sonya Frost Software Engineer Edinburgh 23 2008/12/13 $103,600
Jena Gaines Office Manager London 30 2008/12/19 $90,560
Quinn Flynn Support Lead Edinburgh 22 2013/03/03 $342,000
Charde Marshall Regional Director San Francisco 36 2008/10/16 $470,600
Haley Kennedy Senior Marketing Designer London 43 2012/12/18 $313,500
Tatyana Fitzpatrick Regional Director London 19 2010/03/17 $385,750
Michael Silva Marketing Designer London 66 2012/11/27 $198,500
Paul Byrd Chief Financial Officer (CFO) New York 64 2010/06/09 $725,000
Gloria Little Systems Administrator New York 59 2009/04/10 $237,500
Bradley Greer Software Engineer London 41 2012/10/13 $132,000
Dai Rios Personnel Lead Edinburgh 35 2012/09/26 $217,500
Jenette Caldwell Development Lead New York 30 2011/09/03 $345,000
Yuri Berry Chief Marketing Officer (CMO) New York 40 2009/06/25 $675,000
Caesar Vance Pre-Sales Support New York 21 2011/12/12 $106,450
Doris Wilder Sales Assistant Sidney 23 2010/09/20 $85,600
Angelica Ramos Chief Executive Officer (CEO) London 47 2009/10/09 $1,200,000
Gavin Joyce Developer Edinburgh 42 2010/12/22 $92,575
Jennifer Chang Regional Director Singapore 28 2010/11/14 $357,650
Brenden Wagner Software Engineer San Francisco 28 2011/06/07 $206,850
Fiona Green Chief Operating Officer (COO) San Francisco 48 2010/03/11 $850,000
Shou Itou Regional Marketing Tokyo 20 2011/08/14 $163,000
Michelle House Integration Specialist Sidney 37 2011/06/02 $95,400
Suki Burks Developer London 53 2009/10/22 $114,500
Prescott Bartlett Technical Author London 27 2011/05/07 $145,000
Gavin Cortez Team Leader San Francisco 22 2008/10/26 $235,500
Martena Mccray Post-Sales support Edinburgh 46 2011/03/09 $324,050
Unity Butler Marketing Designer San Francisco 47 2009/12/09 $85,675
Howard Hatfield Office Manager San Francisco 51 2008/12/16 $164,500
Hope Fuentes Secretary San Francisco 41 2010/02/12 $109,850
Vivian Harrell Financial Controller San Francisco 62 2009/02/14 $452,500
Timothy Mooney Office Manager London 37 2008/12/11 $136,200
Jackson Bradshaw Director New York 65 2008/09/26 $645,750
Olivia Liang Support Engineer Singapore 64 2011/02/03 $234,500
Bruno Nash Software Engineer London 38 2011/05/03 $163,500
Sakura Yamamoto Support Engineer Tokyo 37 2009/08/19 $139,575
Thor Walton Developer New York 61 2013/08/11 $98,540
Finn Camacho Support Engineer San Francisco 47 2009/07/07 $87,500
Serge Baldwin Data Coordinator Singapore 64 2012/04/09 $138,575
Zenaida Frank Software Engineer New York 63 2010/01/04 $125,250
Zorita Serrano Software Engineer San Francisco 56 2012/06/01 $115,000
Jennifer Acosta Junior Javascript Developer Edinburgh 43 2013/02/01 $75,650
Cara Stevens Sales Assistant New York 46 2011/12/06 $145,600
Hermione Butler Regional Director London 47 2011/03/21 $356,250
Lael Greer Systems Administrator London 21 2009/02/27 $103,500
Jonas Alexander Developer San Francisco 30 2010/07/14 $86,500
Shad Decker Regional Director Edinburgh 51 2008/11/13 $183,000
Michael Bruce Javascript Developer Singapore 29 2011/06/27 $183,000
Donna Snider Customer Support New York 27 2011/01/25 $112,000
Name Position Office Age Start date Salary

Reset ordering API

One useful control option to present the end user when using ColReorder is the ability to reset the column ordering to that which was found in the HTML. This can be done by calling the colReorder.reset() method.



Name Position Office Age Start date Salary
Tiger Nixon System Architect Edinburgh 61 2011/04/25 $320,800
Garrett Winters Accountant Tokyo 63 2011/07/25 $170,750
Ashton Cox Junior Technical Author San Francisco 66 2009/01/12 $86,000
Cedric Kelly Senior Javascript Developer Edinburgh 22 2012/03/29 $433,060
Airi Satou Accountant Tokyo 33 2008/11/28 $162,700
Brielle Williamson Integration Specialist New York 61 2012/12/02 $372,000
Herrod Chandler Sales Assistant San Francisco 59 2012/08/06 $137,500
Rhona Davidson Integration Specialist Tokyo 55 2010/10/14 $327,900
Colleen Hurst Javascript Developer San Francisco 39 2009/09/15 $205,500
Sonya Frost Software Engineer Edinburgh 23 2008/12/13 $103,600
Jena Gaines Office Manager London 30 2008/12/19 $90,560
Quinn Flynn Support Lead Edinburgh 22 2013/03/03 $342,000
Charde Marshall Regional Director San Francisco 36 2008/10/16 $470,600
Haley Kennedy Senior Marketing Designer London 43 2012/12/18 $313,500
Tatyana Fitzpatrick Regional Director London 19 2010/03/17 $385,750
Michael Silva Marketing Designer London 66 2012/11/27 $198,500
Paul Byrd Chief Financial Officer (CFO) New York 64 2010/06/09 $725,000
Gloria Little Systems Administrator New York 59 2009/04/10 $237,500
Bradley Greer Software Engineer London 41 2012/10/13 $132,000
Dai Rios Personnel Lead Edinburgh 35 2012/09/26 $217,500
Jenette Caldwell Development Lead New York 30 2011/09/03 $345,000
Yuri Berry Chief Marketing Officer (CMO) New York 40 2009/06/25 $675,000
Caesar Vance Pre-Sales Support New York 21 2011/12/12 $106,450
Doris Wilder Sales Assistant Sidney 23 2010/09/20 $85,600
Angelica Ramos Chief Executive Officer (CEO) London 47 2009/10/09 $1,200,000
Gavin Joyce Developer Edinburgh 42 2010/12/22 $92,575
Jennifer Chang Regional Director Singapore 28 2010/11/14 $357,650
Brenden Wagner Software Engineer San Francisco 28 2011/06/07 $206,850
Fiona Green Chief Operating Officer (COO) San Francisco 48 2010/03/11 $850,000
Shou Itou Regional Marketing Tokyo 20 2011/08/14 $163,000
Michelle House Integration Specialist Sidney 37 2011/06/02 $95,400
Suki Burks Developer London 53 2009/10/22 $114,500
Prescott Bartlett Technical Author London 27 2011/05/07 $145,000
Gavin Cortez Team Leader San Francisco 22 2008/10/26 $235,500
Martena Mccray Post-Sales support Edinburgh 46 2011/03/09 $324,050
Unity Butler Marketing Designer San Francisco 47 2009/12/09 $85,675
Howard Hatfield Office Manager San Francisco 51 2008/12/16 $164,500
Hope Fuentes Secretary San Francisco 41 2010/02/12 $109,850
Vivian Harrell Financial Controller San Francisco 62 2009/02/14 $452,500
Timothy Mooney Office Manager London 37 2008/12/11 $136,200
Jackson Bradshaw Director New York 65 2008/09/26 $645,750
Olivia Liang Support Engineer Singapore 64 2011/02/03 $234,500
Bruno Nash Software Engineer London 38 2011/05/03 $163,500
Sakura Yamamoto Support Engineer Tokyo 37 2009/08/19 $139,575
Thor Walton Developer New York 61 2013/08/11 $98,540
Finn Camacho Support Engineer San Francisco 47 2009/07/07 $87,500
Serge Baldwin Data Coordinator Singapore 64 2012/04/09 $138,575
Zenaida Frank Software Engineer New York 63 2010/01/04 $125,250
Zorita Serrano Software Engineer San Francisco 56 2012/06/01 $115,000
Jennifer Acosta Junior Javascript Developer Edinburgh 43 2013/02/01 $75,650
Cara Stevens Sales Assistant New York 46 2011/12/06 $145,600
Hermione Butler Regional Director London 47 2011/03/21 $356,250
Lael Greer Systems Administrator London 21 2009/02/27 $103,500
Jonas Alexander Developer San Francisco 30 2010/07/14 $86,500
Shad Decker Regional Director Edinburgh 51 2008/11/13 $183,000
Michael Bruce Javascript Developer Singapore 29 2011/06/27 $183,000
Donna Snider Customer Support New York 27 2011/01/25 $112,000
Name Position Office Age Start date Salary

Column visibility integration

ColReorder interfaces with the Button's column visibility module for DataTables by updating the order of the list of columns whenever a reorder is done. This is shown in the example below.

Name Position Office Age Start date Salary
Tiger Nixon System Architect Edinburgh 61 2011/04/25 $320,800
Garrett Winters Accountant Tokyo 63 2011/07/25 $170,750
Ashton Cox Junior Technical Author San Francisco 66 2009/01/12 $86,000
Cedric Kelly Senior Javascript Developer Edinburgh 22 2012/03/29 $433,060
Airi Satou Accountant Tokyo 33 2008/11/28 $162,700
Brielle Williamson Integration Specialist New York 61 2012/12/02 $372,000
Herrod Chandler Sales Assistant San Francisco 59 2012/08/06 $137,500
Rhona Davidson Integration Specialist Tokyo 55 2010/10/14 $327,900
Colleen Hurst Javascript Developer San Francisco 39 2009/09/15 $205,500
Sonya Frost Software Engineer Edinburgh 23 2008/12/13 $103,600
Jena Gaines Office Manager London 30 2008/12/19 $90,560
Quinn Flynn Support Lead Edinburgh 22 2013/03/03 $342,000
Charde Marshall Regional Director San Francisco 36 2008/10/16 $470,600
Haley Kennedy Senior Marketing Designer London 43 2012/12/18 $313,500
Tatyana Fitzpatrick Regional Director London 19 2010/03/17 $385,750
Michael Silva Marketing Designer London 66 2012/11/27 $198,500
Paul Byrd Chief Financial Officer (CFO) New York 64 2010/06/09 $725,000
Gloria Little Systems Administrator New York 59 2009/04/10 $237,500
Bradley Greer Software Engineer London 41 2012/10/13 $132,000
Dai Rios Personnel Lead Edinburgh 35 2012/09/26 $217,500
Jenette Caldwell Development Lead New York 30 2011/09/03 $345,000
Yuri Berry Chief Marketing Officer (CMO) New York 40 2009/06/25 $675,000
Caesar Vance Pre-Sales Support New York 21 2011/12/12 $106,450
Doris Wilder Sales Assistant Sidney 23 2010/09/20 $85,600
Angelica Ramos Chief Executive Officer (CEO) London 47 2009/10/09 $1,200,000
Gavin Joyce Developer Edinburgh 42 2010/12/22 $92,575
Jennifer Chang Regional Director Singapore 28 2010/11/14 $357,650
Brenden Wagner Software Engineer San Francisco 28 2011/06/07 $206,850
Fiona Green Chief Operating Officer (COO) San Francisco 48 2010/03/11 $850,000
Shou Itou Regional Marketing Tokyo 20 2011/08/14 $163,000
Michelle House Integration Specialist Sidney 37 2011/06/02 $95,400
Suki Burks Developer London 53 2009/10/22 $114,500
Prescott Bartlett Technical Author London 27 2011/05/07 $145,000
Gavin Cortez Team Leader San Francisco 22 2008/10/26 $235,500
Martena Mccray Post-Sales support Edinburgh 46 2011/03/09 $324,050
Unity Butler Marketing Designer San Francisco 47 2009/12/09 $85,675
Howard Hatfield Office Manager San Francisco 51 2008/12/16 $164,500
Hope Fuentes Secretary San Francisco 41 2010/02/12 $109,850
Vivian Harrell Financial Controller San Francisco 62 2009/02/14 $452,500
Timothy Mooney Office Manager London 37 2008/12/11 $136,200
Jackson Bradshaw Director New York 65 2008/09/26 $645,750
Olivia Liang Support Engineer Singapore 64 2011/02/03 $234,500
Bruno Nash Software Engineer London 38 2011/05/03 $163,500
Sakura Yamamoto Support Engineer Tokyo 37 2009/08/19 $139,575
Thor Walton Developer New York 61 2013/08/11 $98,540
Finn Camacho Support Engineer San Francisco 47 2009/07/07 $87,500
Serge Baldwin Data Coordinator Singapore 64 2012/04/09 $138,575
Zenaida Frank Software Engineer New York 63 2010/01/04 $125,250
Zorita Serrano Software Engineer San Francisco 56 2012/06/01 $115,000
Jennifer Acosta Junior Javascript Developer Edinburgh 43 2013/02/01 $75,650
Cara Stevens Sales Assistant New York 46 2011/12/06 $145,600
Hermione Butler Regional Director London 47 2011/03/21 $356,250
Lael Greer Systems Administrator London 21 2009/02/27 $103,500
Jonas Alexander Developer San Francisco 30 2010/07/14 $86,500
Shad Decker Regional Director Edinburgh 51 2008/11/13 $183,000
Michael Bruce Javascript Developer Singapore 29 2011/06/27 $183,000
Donna Snider Customer Support New York 27 2011/01/25 $112,000
Name Position Office Age Start date Salary

FixedColumns integration

While ColReorder works with the built-in scrolling options in DataTables (scrollY and scrollX) and also the FixedColumns extension.

First name Last name Position Office Age Start date Salary Extn. E-mail
Tiger Nixon System Architect Edinburgh 61 2011/04/25 $320,800 5421 t.nixon@example.com
Garrett Winters Accountant Tokyo 63 2011/07/25 $170,750 8422 g.winters@example.com
Ashton Cox Junior Technical Author San Francisco 66 2009/01/12 $86,000 1562 a.cox@example.com
Cedric Kelly Senior Javascript Developer Edinburgh 22 2012/03/29 $433,060 6224 c.kelly@example.com
Airi Satou Accountant Tokyo 33 2008/11/28 $162,700 5407 a.satou@example.com
Brielle Williamson Integration Specialist New York 61 2012/12/02 $372,000 4804 b.williamson@example.com
Herrod Chandler Sales Assistant San Francisco 59 2012/08/06 $137,500 9608 h.chandler@example.com
Rhona Davidson Integration Specialist Tokyo 55 2010/10/14 $327,900 6200 r.davidson@example.com
Colleen Hurst Javascript Developer San Francisco 39 2009/09/15 $205,500 2360 c.hurst@example.com
Sonya Frost Software Engineer Edinburgh 23 2008/12/13 $103,600 1667 s.frost@example.com
Jena Gaines Office Manager London 30 2008/12/19 $90,560 3814 j.gaines@example.com
Quinn Flynn Support Lead Edinburgh 22 2013/03/03 $342,000 9497 q.flynn@example.com
Charde Marshall Regional Director San Francisco 36 2008/10/16 $470,600 6741 c.marshall@example.com
Haley Kennedy Senior Marketing Designer London 43 2012/12/18 $313,500 3597 h.kennedy@example.com
Tatyana Fitzpatrick Regional Director London 19 2010/03/17 $385,750 1965 t.fitzpatrick@example.com
Michael Silva Marketing Designer London 66 2012/11/27 $198,500 1581 m.silva@example.com
Paul Byrd Chief Financial Officer (CFO) New York 64 2010/06/09 $725,000 3059 p.byrd@example.com
Gloria Little Systems Administrator New York 59 2009/04/10 $237,500 1721 g.little@example.com
Bradley Greer Software Engineer London 41 2012/10/13 $132,000 2558 b.greer@example.com
Dai Rios Personnel Lead Edinburgh 35 2012/09/26 $217,500 2290 d.rios@example.com
Jenette Caldwell Development Lead New York 30 2011/09/03 $345,000 1937 j.caldwell@example.com
Yuri Berry Chief Marketing Officer (CMO) New York 40 2009/06/25 $675,000 6154 y.berry@example.com
Caesar Vance Pre-Sales Support New York 21 2011/12/12 $106,450 8330 c.vance@example.com
Doris Wilder Sales Assistant Sidney 23 2010/09/20 $85,600 3023 d.wilder@example.com
Angelica Ramos Chief Executive Officer (CEO) London 47 2009/10/09 $1,200,000 5797 a.ramos@example.com
Gavin Joyce Developer Edinburgh 42 2010/12/22 $92,575 8822 g.joyce@example.com
Jennifer Chang Regional Director Singapore 28 2010/11/14 $357,650 9239 j.chang@example.com
Brenden Wagner Software Engineer San Francisco 28 2011/06/07 $206,850 1314 b.wagner@example.com
Fiona Green Chief Operating Officer (COO) San Francisco 48 2010/03/11 $850,000 2947 f.green@example.com
Shou Itou Regional Marketing Tokyo 20 2011/08/14 $163,000 8899 s.itou@example.com
Michelle House Integration Specialist Sidney 37 2011/06/02 $95,400 2769 m.house@example.com
Suki Burks Developer London 53 2009/10/22 $114,500 6832 s.burks@example.com
Prescott Bartlett Technical Author London 27 2011/05/07 $145,000 3606 p.bartlett@example.com
Gavin Cortez Team Leader San Francisco 22 2008/10/26 $235,500 2860 g.cortez@example.com
Martena Mccray Post-Sales support Edinburgh 46 2011/03/09 $324,050 8240 m.mccray@example.com
Unity Butler Marketing Designer San Francisco 47 2009/12/09 $85,675 5384 u.butler@example.com
Howard Hatfield Office Manager San Francisco 51 2008/12/16 $164,500 7031 h.hatfield@example.com
Hope Fuentes Secretary San Francisco 41 2010/02/12 $109,850 6318 h.fuentes@example.com
Vivian Harrell Financial Controller San Francisco 62 2009/02/14 $452,500 9422 v.harrell@example.com
Timothy Mooney Office Manager London 37 2008/12/11 $136,200 7580 t.mooney@example.com
Jackson Bradshaw Director New York 65 2008/09/26 $645,750 1042 j.bradshaw@example.com
Olivia Liang Support Engineer Singapore 64 2011/02/03 $234,500 2120 o.liang@example.com
Bruno Nash Software Engineer London 38 2011/05/03 $163,500 6222 b.nash@example.com
Sakura Yamamoto Support Engineer Tokyo 37 2009/08/19 $139,575 9383 s.yamamoto@example.com
Thor Walton Developer New York 61 2013/08/11 $98,540 8327 t.walton@example.com
Finn Camacho Support Engineer San Francisco 47 2009/07/07 $87,500 2927 f.camacho@example.com
Serge Baldwin Data Coordinator Singapore 64 2012/04/09 $138,575 8352 s.baldwin@example.com
Zenaida Frank Software Engineer New York 63 2010/01/04 $125,250 7439 z.frank@example.com
Zorita Serrano Software Engineer San Francisco 56 2012/06/01 $115,000 4389 z.serrano@example.com
Jennifer Acosta Junior Javascript Developer Edinburgh 43 2013/02/01 $75,650 3431 j.acosta@example.com
Cara Stevens Sales Assistant New York 46 2011/12/06 $145,600 3990 c.stevens@example.com
Hermione Butler Regional Director London 47 2011/03/21 $356,250 1016 h.butler@example.com
Lael Greer Systems Administrator London 21 2009/02/27 $103,500 6733 l.greer@example.com
Jonas Alexander Developer San Francisco 30 2010/07/14 $86,500 8196 j.alexander@example.com
Shad Decker Regional Director Edinburgh 51 2008/11/13 $183,000 6373 s.decker@example.com
Michael Bruce Javascript Developer Singapore 29 2011/06/27 $183,000 5384 m.bruce@example.com
Donna Snider Customer Support New York 27 2011/01/25 $112,000 4226 d.snider@example.com

Responsive integration

This example shows ColReorder being used with the Responsive extension for DataTables. The "Position" column is the first to be hidden through the use of the columns.responsivePriority option, and you'll be able to notice that the hidden column is automatically taken account of by ColReorder as the columns are reordered.

First name Last name Position Office Age Start date Salary Extn. E-mail
Tiger Nixon System Architect Edinburgh 61 2011/04/25 $320,800 5421 t.nixon@example.com
Garrett Winters Accountant Tokyo 63 2011/07/25 $170,750 8422 g.winters@example.com
Ashton Cox Junior Technical Author San Francisco 66 2009/01/12 $86,000 1562 a.cox@example.com
Cedric Kelly Senior Javascript Developer Edinburgh 22 2012/03/29 $433,060 6224 c.kelly@example.com
Airi Satou Accountant Tokyo 33 2008/11/28 $162,700 5407 a.satou@example.com
Brielle Williamson Integration Specialist New York 61 2012/12/02 $372,000 4804 b.williamson@example.com
Herrod Chandler Sales Assistant San Francisco 59 2012/08/06 $137,500 9608 h.chandler@example.com
Rhona Davidson Integration Specialist Tokyo 55 2010/10/14 $327,900 6200 r.davidson@example.com
Colleen Hurst Javascript Developer San Francisco 39 2009/09/15 $205,500 2360 c.hurst@example.com
Sonya Frost Software Engineer Edinburgh 23 2008/12/13 $103,600 1667 s.frost@example.com
Jena Gaines Office Manager London 30 2008/12/19 $90,560 3814 j.gaines@example.com
Quinn Flynn Support Lead Edinburgh 22 2013/03/03 $342,000 9497 q.flynn@example.com
Charde Marshall Regional Director San Francisco 36 2008/10/16 $470,600 6741 c.marshall@example.com
Haley Kennedy Senior Marketing Designer London 43 2012/12/18 $313,500 3597 h.kennedy@example.com
Tatyana Fitzpatrick Regional Director London 19 2010/03/17 $385,750 1965 t.fitzpatrick@example.com
Michael Silva Marketing Designer London 66 2012/11/27 $198,500 1581 m.silva@example.com
Paul Byrd Chief Financial Officer (CFO) New York 64 2010/06/09 $725,000 3059 p.byrd@example.com
Gloria Little Systems Administrator New York 59 2009/04/10 $237,500 1721 g.little@example.com
Bradley Greer Software Engineer London 41 2012/10/13 $132,000 2558 b.greer@example.com
Dai Rios Personnel Lead Edinburgh 35 2012/09/26 $217,500 2290 d.rios@example.com
Jenette Caldwell Development Lead New York 30 2011/09/03 $345,000 1937 j.caldwell@example.com
Yuri Berry Chief Marketing Officer (CMO) New York 40 2009/06/25 $675,000 6154 y.berry@example.com
Caesar Vance Pre-Sales Support New York 21 2011/12/12 $106,450 8330 c.vance@example.com
Doris Wilder Sales Assistant Sidney 23 2010/09/20 $85,600 3023 d.wilder@example.com
Angelica Ramos Chief Executive Officer (CEO) London 47 2009/10/09 $1,200,000 5797 a.ramos@example.com
Gavin Joyce Developer Edinburgh 42 2010/12/22 $92,575 8822 g.joyce@example.com
Jennifer Chang Regional Director Singapore 28 2010/11/14 $357,650 9239 j.chang@example.com
Brenden Wagner Software Engineer San Francisco 28 2011/06/07 $206,850 1314 b.wagner@example.com
Fiona Green Chief Operating Officer (COO) San Francisco 48 2010/03/11 $850,000 2947 f.green@example.com
Shou Itou Regional Marketing Tokyo 20 2011/08/14 $163,000 8899 s.itou@example.com
Michelle House Integration Specialist Sidney 37 2011/06/02 $95,400 2769 m.house@example.com
Suki Burks Developer London 53 2009/10/22 $114,500 6832 s.burks@example.com
Prescott Bartlett Technical Author London 27 2011/05/07 $145,000 3606 p.bartlett@example.com
Gavin Cortez Team Leader San Francisco 22 2008/10/26 $235,500 2860 g.cortez@example.com
Martena Mccray Post-Sales support Edinburgh 46 2011/03/09 $324,050 8240 m.mccray@example.com
Unity Butler Marketing Designer San Francisco 47 2009/12/09 $85,675 5384 u.butler@example.com
Howard Hatfield Office Manager San Francisco 51 2008/12/16 $164,500 7031 h.hatfield@example.com
Hope Fuentes Secretary San Francisco 41 2010/02/12 $109,850 6318 h.fuentes@example.com
Vivian Harrell Financial Controller San Francisco 62 2009/02/14 $452,500 9422 v.harrell@example.com
Timothy Mooney Office Manager London 37 2008/12/11 $136,200 7580 t.mooney@example.com
Jackson Bradshaw Director New York 65 2008/09/26 $645,750 1042 j.bradshaw@example.com
Olivia Liang Support Engineer Singapore 64 2011/02/03 $234,500 2120 o.liang@example.com
Bruno Nash Software Engineer London 38 2011/05/03 $163,500 6222 b.nash@example.com
Sakura Yamamoto Support Engineer Tokyo 37 2009/08/19 $139,575 9383 s.yamamoto@example.com
Thor Walton Developer New York 61 2013/08/11 $98,540 8327 t.walton@example.com
Finn Camacho Support Engineer San Francisco 47 2009/07/07 $87,500 2927 f.camacho@example.com
Serge Baldwin Data Coordinator Singapore 64 2012/04/09 $138,575 8352 s.baldwin@example.com
Zenaida Frank Software Engineer New York 63 2010/01/04 $125,250 7439 z.frank@example.com
Zorita Serrano Software Engineer San Francisco 56 2012/06/01 $115,000 4389 z.serrano@example.com
Jennifer Acosta Junior Javascript Developer Edinburgh 43 2013/02/01 $75,650 3431 j.acosta@example.com
Cara Stevens Sales Assistant New York 46 2011/12/06 $145,600 3990 c.stevens@example.com
Hermione Butler Regional Director London 47 2011/03/21 $356,250 1016 h.butler@example.com
Lael Greer Systems Administrator London 21 2009/02/27 $103,500 6733 l.greer@example.com
Jonas Alexander Developer San Francisco 30 2010/07/14 $86,500 8196 j.alexander@example.com
Shad Decker Regional Director Edinburgh 51 2008/11/13 $183,000 6373 s.decker@example.com
Michael Bruce Javascript Developer Singapore 29 2011/06/27 $183,000 5384 m.bruce@example.com
Donna Snider Customer Support New York 27 2011/01/25 $112,000 4226 d.snider@example.com