1.0.6 • Published 6 years ago

ue-table v1.0.6

Weekly downloads
1
License
ISC
Repository
-
Last release
6 years ago

Table 表格组件

安装使用

import Table from 'ue-table';

参数说明

参数说明
columns单元表格控制名称, 见下述详细说明Array({ object })
dataSource数据源数据Array
rowKey表格行的取值 可当做key值使用string
rowClassName表格行的类名string
expandedRowRender拓展行内容 ReactNode 以点击行出现下拉为表现形式Function
expandRowByClick通过点击行来进行展开boolean
total是否展示总计行boolean
toggleSortOrder点击排序按钮的回调函数 toggleSortOrder({column})Function
defaultSorter默认排序的字段名称string
onRowClick点击行的回调函数 onRowClick(record, index, event)Function
total是否展示总计数据boolean

columns

参数说明
title表头名称string
renderTitleReactNode-
dataIndex对应接口的字段名称string
keyReact 需要的 key, 如果未设置唯一的 dateIndex, 可以使用这个代替string
sorter后端按照某个字段进行排序string
sortOrder排序的受控属性 值为 0 或者 1string
visible列的可见性控制boolean
total列总计数据-
align文字的对齐方式 'left','right','center'string
render生成复杂的单列的渲染函数 Function({record})-
style表格样式-

使用示例

  • 基本使用方法 - 纯数据的展示
const columns = [
  {
    title: '',
    style: {},
    dataIndex: 'name',
    render: ({record}) => {
      return (
        <span>{record.name}</span>
      )
    },
  }
];

<Table
  columns={columns}
  dataSource={dataSource}
  rowKey="uid"
/>
1.0.6

6 years ago

1.0.5

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago