跳到主要内容

EllipsisTableText 表格列文字超出显示省略号

给 Table 组件 column 中的 render 使用的一个返回 JSX 的函数：最多展示指定个数的字数（默认 20），超出部分显示 ...，并使用 Tooltip 显示全部文字。

基本使用​

import { BfEllipsisTableText } from '@bud-fe/react-pc-ui';
import { Table } from 'antd';

// ...

const tableCol: ColumnsType<any> = [
  { title: '角色ID', dataIndex: 'roleCode' },
  { title: '角色名称', dataIndex: 'roleName', render: BfEllipsisTableText() },
  { title: '角色描述', dataIndex: 'roleDescribe', render: BfEllipsisTableText(10) },
  { title: '最近一次更新时间', dataIndex: 'updateTime' },
];

// ...

return <Table columns={tableCol} dataSource={dataSource} />;

API​