layui table动态表头 改变表格头部 重新加载表格的方法
(编辑:jimmy 日期: 2024/11/27 浏览:3 次 )
改变头部原理:删除原来表格, 重新建立DOM元素, 重新加载table,实现表头改变
明白了原理, 我相信大家都能写出来了, table.reload(ID, options)目前好像还不支持cons的基础函数变动,只能使用其他方式了,简单暴力,哈哈哈哈哈哈哈哈嗝!!
下面是示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="static/layui/css/layui.css" rel="external nofollow" > </head> <body> <div id="myTable"> <table id="demo" lay-filter="test"></table> </div> <button id="buttonChangeTitle" class="layui-btn ">点击改变表头</button> <script type="text/javascript" src="/UploadFiles/2021-04-02/layui.js">点击前效果:
点击后效果:
以上这篇layui table动态表头 改变表格头部 重新加载表格的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
下一篇:原生js实现3D轮播图