javascript - 未显示锁定列的网格

Question

我正在尝试在 Web 应用程序中插入带有锁定列的数据网格。

如果我显示没有锁定列的网格，一切运行正常。当我锁定一列时，会创建网格，但它非常小（只是一个小正方形，使其基本上不可见）。

为什么会发生这种情况，我该如何解决？

这是我所拥有的：

for (var i = 0; i < this.fields.length; i++) {
    var currentField = this.fields[i];
    fields.push(currentField.columnName);
    columns.push({
        header: currentField.name,
        dataIndex: currentField.columnName,
        hidden: i >= 4,
        locked: i == 1
    });
}
Ext.create('Ext.data.Store', {
    storeId: 'resultsStore',
    fields: fields,
    data: results
});
var grid = Ext.create('Ext.grid.Panel', {
    store: "resultsStore",
    columns: columns,
    title: 'Results',
    renderTo: "actualResultsContainer",
    height: 250,
    width: 500,
    enableLocking: true,
});

编辑如果我尝试重新创建所有内容（在渲染后重复上面的所有操作），则会创建网格，并且从这一点开始，它运行得很好。我错过了什么？

Answer 1

它应该按照您编写的方式工作。检查div您正在渲染的网格是否及时创建。