react移动端table组件分享,适用kbone
发布于 5 年前 作者 jie58 2402 次浏览 来自 分享

由于业务需要,需要在小程序端用table展示数据列表。

查看了大部分react移动端框架,都没有好用的table组件,于是决定自己实现一个可折叠的table组件

先看效果

注意使用浏览器的手机模式查看[DEMO](https://yrobot.github.io/react-mobile-table/demo/dist/index.html)

特性

  1. 适配kbone,可在小程序端使用
  2. table宽度基于 MobileTable 外层元素宽度100%
  3. 自动计算每一列合适的默认宽度(a保证完全展示title)
  4. 点击存在压缩的列会展开对应列的所有数据(保证此列所有数据都完整展开)
  5. 展开列后可以左右滑动table查看
  6. 点击展开列可以恢复收缩状态

NPM

https://www.npmjs.com/package/@yrobot/react-mobile-table

Github

https://github.com/Yrobot/react-mobile-table

希望@yrobot/react-mobile-table可以节约大家的开发时间

回到顶部