用layui创建表格

下面我来给大家看一下所利用jq和layui来创建的表单
在这里插入图片描述

如上图所示
我们再看看jq的部分
在这里插入图片描述

如阴影部分所示
首先我们利用function给他创建一个点击事件,在最上面我们还给他定义了一个
var layer, layuiTable; var tabzy;
后面进行一个模块的加载
这里用到了table.render()的方法渲染
渲染表格的方法有3种{

  1. 方法渲染 table.render():基础参数的设定放在了JS代码中,且原始的 table 标签只需要一个选择器
  2. 自动渲染: 所谓的自动渲染,即:在一段 table 容器中配置好相应的参数,由 table 模块内部自动对其完成渲染,而无需你写初始的渲染方法
  3. 转换静态表格: 假设你的页面已经存在了一段有内容的表格,它由原始的table标签组成,这时你需要赋予它一些动态元素,比如拖拽调整列宽?比如排序等等?那么你同样可以很轻松地去实现
    }
    其次利用一些基本的参数:elem(指定原始 table 容器的选择器或 DOM,方法渲染方式必填),
    cols(设置表头。值是一个二维数组。方法渲染方式必填),
    url(异步数据接口相关参数。其中 url 参数为必填项),
    page(开启分页),……
    当没有异步数据接口的时候可以用data[]来代替
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值