更新记录

1.0.5(2021-10-15) 下载此版本

删除主页面中无用的样式,以免误会

1.0.4(2021-03-09) 下载此版本

1、更新element js css fonts至最新版; 2、增加自定义表头示例

1.0.3(2021-03-03) 下载此版本

初始版本 实现排序、固定表头、数值格式化功能

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
× × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × ×

renderjs-element-demo

基于 uni-app 2.5.5+ renderjs 实现的 element_table 示例

简要说明

  • element table是element UI的其中一个组件,功能强大,早期在个人负责的5+app项目中使用比较多。但因为组件使用了dom,windows等方法,故只能使用renderjs的模式将其集成在uniapp项目中
  • 本人提供的示例只是说明如何在uniapp中使用element table,并实现了简单的功能,没有对element table底层进行任何调整。
  • renderjs的教程请看uniapp官方文档
  • 表格模板的教程请看element table官方文档
  • 本示例能正常使用的情况下,不再发布新版。(除非uniapp官方发布重大更新导致renderjs模式失效)

本示例已实现的功能

  • 排序
  • 数值格式化
  • 固定表头、固定前两列
  • 自定义样式(第二列字体蓝色)
  • 自定义表头(加入element字体)

注意事项

  • 仅支持 App、H5 端

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议
菜鸡村村长

2023-10-17

字体文件缺失,然后好像不支持动态表头?vm不处理直接赋值还会报错tableData实例没有挂载

610***@qq.com

2023-05-31

怎么更新插件里的element.js呢?现在从element官网下载的都是单个组建的js,怎么能下载到最新的element.js嘞

159***@qq.com

2023-03-30

这方法新奇,有搞头

kysin

2023-03-01

原来还可以这样套娃,太厉害了,新思路?

hjx***@163.com

2022-04-27

270***@qq.com

2022-03-26

有个细节问题,当有多行时,比如30行,显示到18行到底了,这时要移动到最后30行才出现左右滑动条,这里能不能进行优化

270***@qq.com 2022-03-26

是个好东西,建议洞主建个群吧,方便大家咨询提问,把这个做好

igp***@163.com

2022-01-04

不支持小程序,H5的吗

sf 2022-01-05

官方已经说了,render模式只支持APP和H5,不支持小程序。

128***@qq.com

2022-01-02

能不能问下,如果使用组件方式引入导致数据出不来的问题怎么办啊,方便留个联系方式么

sf 2022-01-05

因为element UI使用了很多dom、window的库,uniapp无法使用组件方式引入element UI。用不了就是用不了,别挣扎了。

249***@qq.com

2021-10-14

请问下怎么修改表头的背景颜色,试了element官网的各种方法,总是有问题,表头背景颜色是改过来了,但是表头标题所在的位置背景颜色还是原来的

sf 2021-10-15

请修改static/css/element_table.css文件的.el-table th>.cell颜色,改完如果没有生效,记得浏览器刷新页面

JiangXinCheng

2021-08-18

console.log("牛啊,老哥")

2021-11-05

当上下滑动右边的列表时候,左边会跟随上下滑动。这个时候会发现有一点点延迟。这个应该怎么处理呀