文件的渲染

文件的渲染
在做项目的同时文件的渲染是必不可少的 那么怎么把文件渲染呢,那么接下来我就叫一下大家怎么做。
因为做这个我是用插件来完成的,首先先准备插件 layui 也就是这个插件了 在有了,在有了这个插件之后我们应怎么办呢 那么接下来我就给大家看一个案例之后来完成以下事情 首先 先准备一个插件 layui 还要下载它的离线手册 那么在拥有这个两个之后呢 我们先打开 离线手车 查看一下
在这里插入图片描述
打开之后找到内置模块 里面有一个数据表格 这就是渲染的篇章 在找到数据表格之后
在这里插入图片描述
在打开之后看右边可以 有一个目录 首先呢 可以先点击快速使用 先学习一阵子怎么使用 这个插件 然后点击到方法渲染 这个也是我们最主要讲述的了
那么我们先看一下案例上所写的渲染是怎么样的
在这里插入图片描述
首先 先看到第一个 elem 注释是 指定原始表格元素选择器但是推荐是ID选择器
在这里插入图片描述
那么呢 在这里大家可以看到我也是选择的一个ID选择器 也就是在table表格中的ID

在文中我没有设置 高度也就是没有设置height 因为我这边是固定的所以不用设置 第三个
也就是toolbar在这里我选择是空
在这里插入图片描述
那么接来下就是cols 了 也就是设置表头
在这里插入图片描述
首先我们 要找到表头参数一览表 里面有需要的数据 在样式中 title 也就时设定标题名称 是属于string类型 第二个type便是设计类型了
在这里插入图片描述
Align 便是设置方向了 是选择靠左还是靠右还是选择居中
关乎field 这个单词注释是 设置字段名 字段名的设定非常重要,且是表格数据列的唯一表示 这个不用说也只是ID 了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值