Как применить стиль столбцов на уровне сетки с помощью сетки Кендо для углового?

#angular #kendo-grid #styling

Вопрос:

Я работаю над приложением Angular 11 с сеткой кендо для Angular. Мне интересно, как применить границу к столбцам глобально (т. Е. на уровне самой сетки). Я ничего не нахожу. Я знаю, что могу применить границу к каждому столбцу по отдельности, как это:

 <kendo-grid-column ... [headerStyle]="{'border-color': '#000'}">
...
</kendo-grid-column>
 

Это дает мне это:

введите описание изображения здесь

Но как мне поднять его до уровня самой сетки, чтобы мне просто нужно было закодировать его один раз, и он будет применен ко всем столбцам?

Спасибо.

Ответ №1:

Если вам нужно установить стили глобально, то у вас есть два способа:

  1. установите стиль в styles.scss

    .k-сетка-заголовок .k-заголовок { граница справа: 1 пиксель сплошной черный; }

  2. найдите там тему кендо и переопределите стили