EasyUI Forum
May 08, 2024, 04:07:39 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Fix the datagrid header row when sort  (Read 7831 times)
sushy
Newbie
*
Posts: 4


View Profile
« on: February 19, 2014, 10:30:16 PM »

Hi,

I want Fix one header row at row 1.
It is easy to sort data from remote, only need  to response the header row to the first row . But how can I show it at row 1 if to sort data form locale.

Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: February 20, 2014, 12:30:15 AM »

To freeze a specified row on top of grid after sorting the grid, please move that row to first position in 'onSortColumn' event handler.
Code:
<script>
function onSortColumn(){
var dg = $(this);
var index = -1;
var rows = dg.datagrid('getRows');
for(var i=0; i<rows.length; i++){
var row = rows[i];
if (row.itemid == 'ItemHeader'){
index = i;
break;
}
}
if (index >= 0){
var row = rows[index];
dg.datagrid('deleteRow', index);
dg.datagrid('insertRow', {
index: 0,
row: row
});
dg.datagrid('freezeRow', 0);
}
}
$(function(){
    $('#dg').datagrid({onSortColumn:onSortColumn});
});
</script>
Logged
sushy
Newbie
*
Posts: 4


View Profile
« Reply #2 on: February 20, 2014, 01:44:55 AM »

Great! So good! Thank you!
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!