Я пытаюсь добавить вертикальные линии сетки в ag-Grid для angular 2 (делая его немного более похожим на Excel).
Нужно ли мне создавать собственную тему (не использовать ag-theme-balham)?
У кого-нибудь есть пример?
Любая помощь будет оценена по достоинству.
Одним из решений может быть стилизация ячеек, например, добавление:
cellStyle: {border: '1px solid'}
Результат:
Используйте этот Stackblitz для справки:
https://stackblitz.com/edit/ag-grid-bss-test-s5pxxc?file=app/app.component.ts
Вы можете попробовать установить другой размер границы для лучшего внешнего вида:
border: 'solid',
borderTopWidth: '0.5px',
borderRightWidth: '0.5px',
borderLeftWidth: '0.5px',
borderBottomWidth: '0.5px'
Замените значение ag-grid:
.ag-cell
{
border-right-color: black;
border-right-width: 1px ;
border-right-style: solid ;
}
для ячеек и для заголовка
.ag-header-cell, .ag-header-group-cell {
border-right: 1px solid black;
}
