easyview-antd-treetable
v1.0.2
Published
<h1 align="center">Welcome to react-antd-treetable 👋</h1> <p> <img alt="Version" src="https://img.shields.io/badge/version-1.0.0-blue.svg?cacheSeconds=2592000" /> </p>
Downloads
4
Maintainers
Readme
介绍
基于 antd Table 组件封装,比较适合用于展示堆栈信息。
主要扩展的能力:
- 层级缩进指示线
- 远程懒加载子节点
- 子节点分页
- 子节点筛选
- 子节点空提示
这些功能全部通过插件实现,其他的 props
全部继承自 Ant Design 的 Table 组件。
用法
需要依赖 antd
, @ant-design/icons
npm i react-antd-treetable -S
最简单用法和 antd 的 Table 组件完全一致,数据中带有 children
字段即可:
import React from 'react';
import TreeTable from 'react-antd-treetable';
const data = [
{
name: 'foo',
children: [
{
name: 'bar',
},
],
},
];
const columns = [
{
title: '名称',
dataIndex: 'name',
},
];
const App = () => {
return <TreeTable rowKey="id" dataSource={data} columns={columns} />;
};
export default App;
文档
更多功能和用法请看:
https://react-antd-treetable.vercel.app/
Show your support
Give a ⭐️ if this project helped you!
This README was generated with ❤️ by readme-md-generator