Мне нужно сделать один столбец в Datagrid, чтобы иметь курсор-указатель, но любой стиль не меняет всего. Я пробовал использовать селектор столбцов dxi, а также использовать класс. Оба с и without::ng-deep.
Есть идеи или решения?
<dxi-column dataField="companyDetails.name" caption="Company">
</dxi-column>
Я начал использовать шаблон, но не могу заставить оболочку заполнить ячейку
::ng-deep .dx-template-wrapper {
cursor: pointer;
}
Взгляните на свойство cssClass column.
Что-то вроде:
component.ts
<dxi-column dataField="companyDetails.name" caption="Company" cssClass="pointer-column">
</dxi-column>
component.scss
::ng-deep pointer-column {
cursor: pointer;
}
Или, если вы хотите, чтобы этот класс применялся глобально ко всем сеткам, вы можете просто добавить его в файл style.scss без необходимости ::ng-deep. Или, что еще лучше, вы можете сделать его глобальным для определенных сеток, только назначив им класс:
any-component.ts
<dx-data-grid
...
class="a-type-of-grid">
</dx-data-grid>
style.css
//anything with this class
.pointer-column {
cursor: pointer;
}
//grids (or other elements if you want) with the 'a-type-of-grid' class
.a-type-of-grid {
/*Some css just for this type of grid*/
//overwrite the global pointer-column class
.pointer-column {
//css you want
}
}
Надеюсь, это достаточно ясно. :)
