Угловая DEXI-колонка в стиле devextreme

Question

Мне нужно сделать один столбец в Datagrid, чтобы иметь курсор-указатель, но любой стиль не меняет все.Я попытался использовать селектор dxi-столбца, а также с помощью класса.И с и without::ng-deep.

Есть идеи или решения?

<dxi-column dataField="companyDetails.name" caption="Company">
    </dxi-column>

Я начал использовать шаблон, но не могу получить упаковщик для заполнения ячейки

::ng-deep .dx-template-wrapper {
    cursor: pointer;

}

Answer 1

Посмотрите на свойство 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>

стиль.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
  }
}

Надеюсь, это достаточно ясно.:)