如何正确对齐 ExtJs 网格

Posted 2023-02-26

【中文标题】如何正确对齐 ExtJs 网格

【英文标题】：How to align correcly ExtJs grid

【发布时间】：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