角极极限样式dxi列

Question

我需要在Datagrid中创建一列以具有指针光标，但是任何样式都不能改变所有内容。我试过使用dxi-column选择器，也使用一个类。和和without::ng-deep都可以。

有什么想法或解决方案吗？

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

我已经开始使用模板，但是我无法使用包装器填充单元格

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

}

Answer 1

看看cssClass的{​​{1}}属性。

Here's the docs for it

类似的东西：

component.ts

column

component.scss

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

或者，如果您希望此类在全球范围内应用于所有网格，则可以将其添加到::ng-deep pointer-column { cursor: pointer; } 文件中，而无需任何style.scss。 甚至更好的是，仅通过给某些类一个类，就可以使它们全局化：

any-component.ts

::ng-deep

style.css

<dx-data-grid
...
class="a-type-of-grid">
</dx-data-grid>

希望这很清楚。 ：）