layui table动态表头 改变表格头部 重新加载表格的方法

(编辑：jimmy 日期: 2024/9/22 浏览：2)

改变头部原理：删除原来表格, 重新建立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动态表头 改变表格头部 重新加载表格的方法


点击后效果：


layui table动态表头 改变表格头部 重新加载表格的方法


以上这篇layui table动态表头 改变表格头部 重新加载表格的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
上一篇：js实现图片3D轮播效果
下一篇：原生js实现3D轮播图

一句话新闻

Windows上运行安卓你用过了吗
在去年的5月23日，借助Intel Bridge Technology以及Intel Celadon两项技术的驱动，Intel为PC用户带来了Android On Windows（AOW）平台，并携手国内软件公司腾讯共同推出了腾讯应用宝电脑版，将Windows与安卓两大生态进行了融合，PC的使用体验随即被带入到了一个全新的阶段。

最新资源