使用ngx-datatable时设置标题属性

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时没有标题，所以我必须添加span。