DataTables extensions

The jQuery DataTables plugin provides a wide variety of extensions that can enhance the functionality of the plugin dramatically.

Note

To see a list of all available extensions for the DatatTables library, see https://datatables.net/extensions/index

The ColReorder extension

The ColReorder extension allows users to reorder table columns by clicking and dragging the column header to the location they prefer. To enable column reordering for your DataTables HTML table, complete the following steps:

1. Open the _Layout.cshtml file and add a reference to the dataTables.colReorder.css file:

           <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net        /colreorder/1.3.1/css/colReorder.bootstrap.min.css" /> 
   

2. Open the view .cshtml file and add a reference to the DataTables colReorder extension JavaScript file:

           <script type="text/javascript" charset="utf8" src="//cdn.datatables.net
           /colreorder/1.3.1/js/dataTables.colReorder.min...