Как правильно выровнять сетку ExtJs

Question

У меня есть сетка ExtJs, но строки сетки не выровнены правильно с заголовком сетки. Между начальной точкой и конечной точкой строк сетки существует небольшой разрыв

Кто-то, кто знает причину этого, пожалуйста, помогите мне.

Answer 1

Вы должны установить width Свойство следующим образом (это заданная ширина данных):

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

Если вы хотите установить ширину заголовка столбца, то:

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

Или, если вы хотите, чтобы AutoFit Colums, то:

{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
}
}