简介
react-dumb-table 是一款基于 React 的表格组件，适用于快速构建简单的静态表格。
这个组件的优点在于简单易用，适用于小型项目或者快速原型开发。在表格数据较为复杂或者需要表格交互的情况下，推荐使用其他更为完善的组件库。
安装
使用 npm 安装：
npm install react-dumb-table
使用
导入
在需要使用的组件文件中导入 react-dumb-table：
import Table from 'react-dumb-table'
属性
react-dumb-table 支持如下属性：
headers：表头数组，包含每一列的标题，必选
rows：表格数据数组，必选
evenRowColor：偶数行颜色，可选
oddRowColor：奇数行颜色，可选
tableClassName：表格类名，可选
<Table headers={headers} rows={rows} tableClassName='table-class-name' evenRowColor='#f5f5f5' />示例
以下是一个简单的示例：
-- -------------------- ---- -------
------ ----- ---- --------
------ ----- ---- -------------------
----- ------- - -------- ------ ----------
----- ---- - -
-------- ----- --------
--------- ----- ----------
------- ----- --------
--
-------- ----- -
------ -
------ ----------------- ----------- --
--
-
------ ------- ----总结
react-dumb-table 是一个简单易用的表格组件，适用于小型项目或者快速原型开发。当表格数据较为复杂或者需要表格交互的情况下，推荐使用其他更为完善的组件库。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056c5881e8991b448e5d9e