平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
- | - | - | - | √ | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
- label:[Array,Object] // 你的表头内容 相当于表格里的 thead
- list:Array // 你的列表数据 相当于表格里的 tbody
- keys:Array // 考虑到大部分数据都采用数组对象 这个就是对象的key值
- pad:Array,default [5] // 每个表格之间的间距 采用了数组,用css样式的写法,比如 padding:1px 5px 10px;那么你只需要[1,5,10]就行了
- theandTxt:[Object,Array] // 写了能传Array是对后面的扩展,现在暂时只对Object做了处理 这个是对表头的文字,颜色以及背景做了处理,其他暂无
- rowTxt:[Object,Array] // Array原因同上,这个是对某一行的文字,颜色以及背景进行处理,
- columnTxt:[Object,Array] // Array原因同上,这个是对某一列的文字,颜色以及背景进行处理,
- 注:传参的带有单位的样式都进行了upx2px处理,插件只试用于小的表格,如果表头数据过多则会出现溢出的现象,插件也没有边框,
- 因为暂时没有处理边框重叠变粗的问题(其实是不会),并且插件没有做任何溢出的处理(其实还是不会),如果您的表头灰常的多,
- 那么建议您可以在插件上面加上scroll-view来解决该问题(懒的写了),
- 插件没有做太多测试(懒癌晚期了),可能存在兼容性问题,使用时需注意,祝大家工作顺利