Как установить ширину столбца в Kendo Grid ⇐ CSS

[Anonymous]

Мне нужно установить фиксированную ширину столбца в Kendo Grid, который не имеет заголовков столбцов. Это означает, что я получаю данные, аналогичные приведенным ниже, с одним столбцом «foo_data», и я скрываю этот заголовок столбца и показываю его в сетке Kendo как есть. Столбцы и строки в сетке являются динамическими, т.е. в приведенном ниже примере есть 9 столбцов и 6 строк, иногда я могу получить 3 столбца и 5 строк. Я использую Kendo Ui, Angularjs и фреймворки начальной загрузки. Мне нужно больше места между столбцами в сетке. Как мне этого добиться? Любая помощь будет высоко оценена.

var foo_data= [{"1 AAA BBB CCC 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999"},
"2 AAA BBB CCC 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999"},
"3 AAA BBB CCC 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999"},
"4 AAA BBB CCC 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999"},
"5 AAA BBB CCC 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999"},
"6 AAA BBB CCC 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999"}];


Скрытие заголовка столбца в таблице Kendo:

columns: [{
field: "foo_data",
headerAttributes: {
style: "display; none"
}


Подробнее здесь: https://stackoverflow.com/questions/449 ... kendo-grid