Javascript w2ui展开网格滚动问题

Javascript w2ui展开网格滚动问题,javascript,plugins,w2ui,Javascript,Plugins,W2ui,我使用w2ui网格创建了一个包含相同大小列的网格 当我快速滚动时,扩展的网格突然隐藏起来,我无法再次扩展它 这是我的代码: $('#grid').w2grid({ name: 'grid', header: 'List of Names', show: { toolbar : true, footer : true, expandColumn: true },

我使用w2ui网格创建了一个包含相同大小列的网格

当我快速滚动时,扩展的网格突然隐藏起来,我无法再次扩展它

这是我的代码:

$('#grid').w2grid({
    name: 'grid',
    header: 'List of Names',
     show: {
            toolbar     : true,
            footer        : true,
            expandColumn: true
        }, 
      onExpand: function (event) {
            $('#'+event.box_id).css({height:"100px"}).html('<div style="padding: 10px; height: 100px">Expanded content</div>');
        },
    columns: [
        { field: 'recid', caption: 'ID', size: '150px'},
        { field: 'lname', caption: 'Last Name', size: '150px'},
        { field: 'fname', caption: 'First Name', size: '150px'},
        { field: 'email', caption: 'Email', size: '150px'},
        { field: 'sdate', caption: 'StartDate', size: '150px'},
        { field: 'mbo', caption: 'mobileno', size: '150px'},
        { field: 'addr', caption: 'address', size: '150px'},
        { field: 'state', caption: 'State', size: '150px'},
        { field: 'district', caption: 'District', size: '150px'},
        { field: 'pin', caption: 'pin', size: '150px'},
        { field: 'salary', caption: 'Salary', size: '150px'},
        { field: 'job', caption: 'job', size: '150px'},
        { field: 'column14', caption: 'column data', size: '150px'},
        { field: 'column15', caption: 'column data', size: '150px'},
        { field: 'column16', caption: 'column data', size: '150px'},
        { field: 'column17', caption: 'column data', size: '150px'},
        { field: 'column18', caption: 'column data', size: '150px'},
        { field: 'column19', caption: 'column data', size: '150px'},
        { field: 'column20', caption: 'column data', size: '150px'},
        { field: 'column21', caption: 'column data', size: '150px'},
        { field: 'column22', caption: 'column data', size: '150px'},
        { field: 'column23', caption: 'column data', size: '150px'},
    ],
    sortData: [{ field: 'recid', direction: 'ASC' }],
    records: [
        { recid: 1, fname: 'John', lname: 'doe', email: 'jdoe@gmail.com', sdate: '4/3/2012' },
        { recid: 2, fname: 'Stuart', lname: 'Motzart', email: 'jdoe@gmail.com', sdate: '4/3/2012' },
        { recid: 3, fname: 'Jin', lname: 'Franson', email: 'jdoe@gmail.com', sdate: '4/3/2012' },
        { recid: 4, fname: 'Susan', lname: 'Ottie', email: 'jdoe@gmail.com', sdate: '4/3/2012' }
    ]
});
    
});
$(“#网格”).w2grid({
名称:“网格”,
标题:“名称列表”,
展示:{
工具栏:对,
页脚:是的,
expandColumn:对
}, 
onExpand:函数(事件){
$('#'+event.box_id).css({height:'100px}).html('Expanded content');
},
栏目:[
{字段:'recid',标题:'ID',大小:'150px'},
{字段:'lname',标题:'Last Name',大小:'150px'},
{字段:'fname',标题:'First Name',大小:'150px'},
{字段:'email',标题:'email',大小:'150px'},
{字段:'sdate',标题:'StartDate',大小:'150px'},
{字段:'mbo',标题:'mobileno',大小:'150px'},
{字段:'addr',标题:'address',大小:'150px'},
{字段:'state',标题:'state',大小:'150px'},
{字段:'district',标题:'district',大小:'150px'},
{字段:'pin',标题:'pin',大小:'150px'},
{字段:'salary',标题:'salary',大小:'150px'},
{字段:'job',标题:'job',大小:'150px'},
{字段:'column14',标题:'ColumnData',大小:'150px'},
{字段:'column15',标题:'ColumnData',大小:'150px'},
{字段:'column16',标题:'ColumnData',大小:'150px'},
{字段:'column17',标题:'column data',大小:'150px'},
{字段:'column18',标题:'ColumnData',大小:'150px'},
{字段:'column19',标题:'column data',大小:'150px'},
{字段:'column20',标题:'ColumnData',大小:'150px'},
{字段:'column21',标题:'ColumnData',大小:'150px'},
{字段:'column22',标题:'column data',大小:'150px'},
{字段:'column23',标题:'column data',大小:'150px'},
],
sortData:[{字段:'recid',方向:'ASC'}],
记录:[
{recid:1,fname:'John',lname:'doe',email:'jdoe@gmail.com,sdate:'4/3/2012'},
{recid:2,fname:'Stuart',lname:'Motzart',email:'jdoe@gmail.com,sdate:'4/3/2012'},
{recid:3,fname:'Jin',lname:'Franson',email:'jdoe@gmail.com,sdate:'4/3/2012'},
{recid:4,fname:'Susan',lname:'Ottie',email:'jdoe@gmail.com,sdate:'4/3/2012'}
]
});
});
为什么会这样?我怎样才能解决这个问题