Product - Sigma Grid 2.2 - Sample

Sortable columns

The following sample shows sortable functionalities built in sigma grid. End users can sort the table by clicking on the header of a column.

By default, all the columns are sortable. Developer can disable the feature for some specfic column. In the following sample, columns with title employee, 2005, 2006, 2007 and 2008 are disabled for sorting.

var colsOption2 = [ {id: 'no' , header: "Order No" , width :60 }, {id: 'employee' , header: "Employee" , width :80,sortable:false }, {id: 'country' , header: "Country" , width :70 }, {id: 'customer' , header: "Customer" , width :80 }, {id: 'bill2005' , header: "2005" , width :60,sortable:false}, {id: 'bill2006' , header: "2006" , width :60,sortable:false}, {id: 'bill2007' , header: "2007" , width :60,sortable:false}, {id: 'bill2008' , header: "2008" , width :60,sortable:false}, {id: 'orderDate' , header: "Delivery Date" , width :100} ];

Related Links

Demos List - Lockable header and column - Frozen Columns - Movable columns - Resizable columns