如何正确对齐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
}
}