剑道UI Angular语言 - 如何在网格中显示常规超链接(带下划线和蓝色)

Question

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

这是我的专栏：

<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>

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

Answer 2

这对我有用：

<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>

我想你需要"剑道

网格命令列"而不是"剑道网格列"