微信小程序自定义table组件，仿elemen-ui table

qq_35491577

于 2020-07-30 17:36:31 发布

阅读量2.5k

点赞数 1

分类专栏：微信小程序自定义组件table 文章标签： js 小程序 javascript es6 html

本文链接：https://blog.csdn.net/qq_35491577/article/details/107695365

版权

本文介绍了一种在微信小程序中因缺乏原生table标签而自定义实现的table组件，该组件模仿了element-ui的table功能。通过引入组件、配置json文件并在wxml中使用，可以实现所需的表格展示。文章还提供了组件的github链接以及作者的联系方式。

摘要由CSDN通过智能技术生成

前言

之前公司需求开发原生微信小程序，当需要使用table的时候，发现微信小程序没有table标签，然后就自己写了一个，
功能仿element-ui里的table
微信小程序table代码片段
 github

1、引入
首先在要使用的页面中的json文件中配置如下：

{
  "usingComponents": {
    "l-table": "/components/lrjTable/lrjTable"
  }
}

2、使用
在wxml页面需要用到的地方使用，如下：

<view>
  <l-table columns="{
  {columns}}" data="{
  {data}}" bindrowClick='onRowClick'  thead-row-class='css'></l-table>
</view>

关注

专栏目录