Question

我们想使用title属性添加工具提示。目前，将鼠标悬停在标题上时的标题弹出窗口与标题文本相同。

我找到了在表头上设置title属性的其他示例，这些示例属性适用于早期版本的Angular，但是想知道如何使用ngx-datatable执行此操作。

columns = [
  { prop: 'TIME_OF_CALL'      , name: "Time" },
  { prop: 'CALL_STATUS'       , name: "Call Status" },
  { prop: 'CG_PTY_NUM'        , name: "From" },
  { prop: 'ACTUAL_CD_PTY_NUM' , name: "To" },
  { prop: 'COMMON_CD_PTY_NUM' , name: "Common Number" }
];

<ngx-datatable
  class='material'
  [columns]="columns"
  [columnMode]="'force'"
  [headerHeight]="50"
  [footerHeight]="50"
  [rowHeight]="'auto'"
  [limit]="10"
  [rows]='rows'>
</ngx-datatable>

Answer 1

对我来说，这样的事情确实有效：

<ngx-datatable-column [flexGrow]="1" prop="TIME_OF_CALL">
                    <ng-template ngx-datatable-header-template let-column="column">
                        <span title="the tooltip">Time</span>
                    </ng-template>
</ngx-datatable-column>

显然ngx-datatable-column不支持title属性。此外，当您使用ng-template时没有标题，所以我不得不添加范围。

使用ngx-datatable时设置title属性

1 个答案: