Kendo UI Angular - 如何在网格中显示常规超链接（下划线和蓝色）？

Question

我想在 Angular 的 Kendo UI 网格中显示超链接。有时候，最简单的事情却是最难做的……

这是我的专栏：

<kendo-grid-column field="number" title="Number">
    <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
        <a href='{{azureStorageBaseUrl}}/invoices/{{dataItem.number}}.pdf' target="_blank">{{dataItem.number}}</a>
      </ng-template>
</kendo-grid-column>

我希望“数字”为蓝色并作为常规超链接带下划线，但它只是黑色且不带下划线。

Answer 1

这对我有用：

<kendo-grid-command-column width="550">
    <ng-template kendoGridCellTemplate let-dataItem="dataItem">
        <a style="color: blue" href="https://www.w3schools.com/html/">{{dataItem.number}}</a>
    </ng-template>
</kendo-grid-command-column>

我想你需要“kendo-grid-command-column”而不是“kendo-grid-column”