layui表格筛选列不随页面刷新重置

最新推荐文章于 2024-07-18 17:33:01 发布

杨葱儿

最新推荐文章于 2024-07-18 17:33:01 发布

阅读量1.5k

点赞数

分类专栏： Layui

本文链接：https://blog.csdn.net/weixin_44285250/article/details/118183179

版权

Layui table 自带筛选列的功能，但是这个筛选列会随着页面的刷新重置。用户第二次进入页面或者进行table手工渲染，都会使得筛选项重置。
本例利用layui自带的本地储存进行筛选列的数据保存，以达到刷新页面不会重置筛选列的效果。

只需要改变引入路径就可以完全运行起来的项目.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Layui</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" type="text/css" href="css/layui.css" />
		<!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
	</head>
	<body>
		<!-- 显示 -->
		<table class="layui-hide" id="toolbar" lay-filter="toolbar"></table>

		<scr