Как правильно выровнять сетку 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 
} 
}