kendo-ui-angular2 - 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-column field='Number' title='Number' width='120'>
                <ng-template kendoGridCellTemplate let-dataItem >
                  <a href="javascript:void(0)" (click)="clickEvent(dataItem.number)">{{dataItem.number}}</a>
                </ng-template>
              </kendo-grid-column>

只需设置样式并添加链接或自定义点击事件，如上所示。