---
title:
  zh-CN: 表头支持 Tooltip
order: 4
---

## zh-CN

组件的用法

## en-US

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

@Component({
  selector: 'bixi-editable-demo-simple',
  template: `
    <bixi-editable-table [(ngModel)]="rows" [cols]="cols"></bixi-editable-table>
  `
})
export class TestComponent {
  cols = [
    {
      key: 'name',
      name: '默认表头'
    },
    {
      key: 'relation',
      titleTipContent: '我有 tooltip',
      name: '有 tooltip'
    },
    {
      key: 'content',
      titleTipContent: '我有 tooltip',
      titleTipIcon: 'user',
      name: '自定义 tooltip icon'
    }
  ];
  rows = [
    {
      name: '组合1',
      relation: '等于',
      content: '字段1'
    }
  ]
}
```