Frozen columns

Do you have a datagrid with many many columns which one page can't hold. Your end users may ask for capability similar to the frozen/lock columns capability in Excel. It is quit easy for developers to make some columns locked within sigma grid. The locked columns do not scroll out of view when users moving horizontally across the grid. This is quite useful when you dealing with wide table with some fields should be visible permanently.

var colsOption = [ {id: 'no' , header: "Order No" , width :60,frozen : true}, {id: 'employee' , header: "Employee" , width :80,frozen : true }, {id: 'country' , header: "Country" , width :70,frozen : true }, {id: 'customer' , header: "Customer" , width :80,frozen : true }, {id: 'bill2001' , header: "2001" , width :80}, {id: 'bill2002' , header: "2002" , width :80}, {id: 'bill2003' , header: "2003" , width :80}, {id: 'bill2004' , header: "2004" , width :80}, {id: 'bill2005' , header: "2005" , width :80}, {id: 'bill2006' , header: "2006" , width :80}, {id: 'bill2007' , header: "2007" , width :80}, {id: 'bill2008' , header: "2008" , width :80}, {id: 'orderDate' , header: "Delivery Date" , width :100} ];

Sigma grid also allow end users to lock columns as their wish. Just click the main button on the tool bar, click lock/unlock column, then check columns you want to lock. All the functionalities are built in, developers just need to say I want it.

Product - Sigma Grid 2.2 - Sample

Frozen Columns

Related Links