extjs - 如何正确对齐 ExtJs 网格

Question

我有一个 ExtJs 网格，但网格行没有与网格标题正确对齐。网格行的起点和终点之间有一点间隙

有哪位知道这是什么原因的，请帮帮我。

Answer 1

您应该width按如下方式设置属性（这是设置的数据宽度）：

{text: 'VARIANT', dataIndex: 'VAR', width: 73, align: 'center'}

如果要设置列标题宽度，则：

{text: 'VARIANT', dataIndex: 'VAR', width: 73, align: 'center', columnWidth: 80}

或者，如果你想自动调整列，那么：

{text: 'VARIANT', dataIndex: 'VAR', flex: 1, align: 'center'}

// or set default for all columns
columns: {
items: [
    {
        text: "COLUMNA"
        dataIndex: "FIELDA"
    },{
        text: "COLUMNB",
        dataIndex: "FIELDB"
    }, 
    ...
],
defaults: {
    flex: 1
}
}