Extjs电子表格模型-锁定行号列

时间:2018-07-08 02:41:46

标签: extjs

我正在使用Extjs 6版本,并且有一个电子表格模型缓冲的网格。我想在用户水平滚动时锁定行号列,如果列固定,他可以看到行号。我能够锁定其他列,但不能锁定行号。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

我认为您必须以某种方式将hasLockedHeader管理为真

getNumbererColumnConfig: function() {
    var me = this;

    return {
      xtype: 'rownumberer',
      width: me.rowNumbererHeaderWidth,
      editRenderer:  ' ',
      tdCls: me.rowNumbererTdCls,
      cls: me.rowNumbererHeaderCls,
      locked: me.hasLockedHeader
    };
},

OR  您可以做到

Ext.create('Ext.grid.Panel', {
 renderTo: Ext.getBody(),
 store: userStore,
 storeId: 'mystore',
 width: 200,
 title: 'Application Users',
 selModel: {
    type: 'spreadsheet'
 },
 columns: [{
    xtype: 'rownumberer',
    locked:true
 }, {
    text: 'Name',
    width: 100,
    sortable: false,
    hideable: false,
    dataIndex: 'name'
 }, {
    text: 'Email Address',
    width: 150,
    dataIndex: 'email',
 }, {
    text: 'Phone Number',
    flex: 1,
    dataIndex: 'phone'
 }]
});

https://fiddle.sencha.com/#fiddle/2j44