今天我想跟大家讲一下怎样运用layui 插件来完成表格渲染和监听。Layui这个插件最突出的设计就是在于它的表格。
我们常常会运用到layui来完成表格的渲染设置,但是在运用的时候要注意到一些问题。比如在这一次做项目中我就运用layui这个插件来完成表格渲染的功能。但是在这次表格渲染过程中我就遇到表格下面出现了滚动条。刚开始以为是受到我搭建页面时候,设置内外边距的影响。为此琢磨了好久,最后发现是layui 自身插件的问题。
表格渲染的时候,插件带来的问题。这种解决的办法就是在表格渲染配置完成的时候,给它设置宽度就可以。这样就不会出现烦人的滚动条了。当然这个 width 是不用带像素(PX)。同时这个值是不固定的,看你需要,自已去调配出适宜的宽度即可。
cols: [[ { title: ‘酒菜小类名称’, field: ‘LiquorSName’, align: ‘center’ },]]
width : 1519.2
});
在这次项目中,我还很大程度上运用到layui这个插件的监听功能。
图一 图二
大家可以对比一下图一和图二他们有什么不同。很明显图一的修改删除按钮是套在表格里面的,这种做法往往就会更加方便获取当前行数据的ID ,拼接参数即可。根据ID 去进行修改与删除操作即可
function SetOption(data) {
var btn = “”;
var AcademeID =
解决Layui滚动条的干扰与数据的监听工作
最新推荐文章于 2022-03-19 11:42:16 发布
今天我想跟大家讲一下怎样运用layui 插件来完成表格渲染和监听。Layui这个插件最突出的设计就是在于它的表格。我们常常会运用到layui来完成表格的渲染设置,但是在运用的时候要注意到一些问题。比如在这一次做项目中我就运用layui这个插件来完成表格渲染的功能。但是在这次表格渲染过程中我就遇到表格下面出现了滚动条。刚开始以为是受到我搭建页面时候,设置内外边距的影响。为此琢磨了好久,最后发现是l...
摘要由CSDN通过智能技术生成