---
title:
  zh-CN: 支持表头消息提示
  en-US: 支持表头消息提示
order: 55
---

## zh-CN
你可以设置表头消息提示

## en-US
你可以设置表头消息提示

```ts
import { Component } from '@angular/core';
import { ICol } from '@bixi/core/table';

interface IPerson {
  name: string;
}
const persons: IPerson[] = [{
  name: '阿李',
}, {
  name: '小王',
}];

@Component({
  selector: 'components-table-template',
  template: `
    <bixi-table
      [rows]="rows"
      [cols]="cols"
      [loading]="loading">
    </bixi-table>
`
})
export class ComponentsTableSimpleTableTemplateComponent {
  loading = false;
  rows = persons;
  cols: ICol[] = [
    {
      name: '支持文本',
      key: 'name',
      titleTipContent: '测试title'
    },
    {
      name: '支持更换 icon',
      key: 'name',
      titleTipIcon: 'info-circle',
      titleTipContent: '测试title'
    }
  ];
}
```