如何正确对齐 ExtJs 网格

【问题标题】：How to align correcly ExtJs grid如何正确对齐 ExtJs 网格
【发布时间】：2013-08-30 08:37:26
【问题描述】：

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

哪位知道原因的，请帮帮我。

【问题讨论】：

您必须发布此网格的代码。此外，如果您使用任何非默认 CSS 样式表，则必须发布相关部分。

【解决方案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
}
}

【讨论】：