ReactJS / Redux 数据表

时间:2024-06-28 10:36:38
【文件属性】:

文件名称:ReactJS / Redux 数据表

文件大小:598KB

文件格式:ZIP

更新时间:2024-06-28 10:36:38

Table

Sematable Sematable 包装了一个表格组件,并提供:按列值搜索过滤,文本排序行选择分页……能够使用 Redux 将表格状态持久化为应用程序状态,因此过滤器、排序信息、所选行和分页信息在路线导航中幸存下来。 更多关于 Sematable 实时 Sematable 示例 入门 如果您只想在浏览器中单独测试表,我们已经包含了 React Storybook。 npm install npm run storybook 然后打开浏览器访问 http://localhost:6006/。 尝试删除搜索过滤器并观察表格如何响应。 有几个故事以过滤器、引导程序和可编辑单元格为特色。 :warning: CSS 依赖 Sematable 假设 Bootstrap CSS、Font Awesome CSS 和 react-select CSS 已经加载,所以请确保是这种情况。 Sematable 应该适用于 Bootstrap 3 或 Bootstrap 4。您可以在 node_modules/react-select/dist/react-select.css 中找到 react-se


【文件预览】:
sematable-master
----stories()
--------bootstrap()
--------index.js(772B)
--------common()
--------Checkbox.css(217B)
--------button()
--------editable()
--------default()
--------Checkbox.js(761B)
----.storybook()
--------config.js(281B)
--------webpack.config.js(799B)
----package.json(3KB)
----RELEASE.md(1KB)
----package-lock.json(252KB)
----src()
--------Filter.js(3KB)
--------SortableHeader.js(1KB)
--------index.js(848B)
--------SelectRow.js(1004B)
--------Table.js(4KB)
--------reducer.js(4KB)
--------actions.js(3KB)
--------Pagination.js(4KB)
--------PageSize.js(1KB)
--------SelectAllHeader.js(1KB)
--------TableNoData.js(160B)
--------sematable.js(8KB)
--------PageSizeContainer.js(1KB)
--------FilterContainer.js(1KB)
--------common.js(789B)
--------selectors.js(8KB)
--------PaginationContainer.js(880B)
--------TableRow.js(6KB)
----.npmignore(5B)
----LICENSE.md(11KB)
----.gitignore(25B)
----README.md(12KB)

网友评论