From 48bc286e5b6c2828d301a556da792c6e4d6aa7cc Mon Sep 17 00:00:00 2001
From: zyx <zyx123456>
Date: 星期二, 23 一月 2024 13:01:08 +0800
Subject: [PATCH] # 表头锁定
---
src/main/webapp/views/pla/plaDetl.html | 5 +++++
src/main/webapp/static/js/pla/plaDetl.js | 16 ++++++++++++++++
2 files changed, 21 insertions(+), 0 deletions(-)
diff --git a/src/main/webapp/static/js/pla/plaDetl.js b/src/main/webapp/static/js/pla/plaDetl.js
index 284a720..ba2eb66 100644
--- a/src/main/webapp/static/js/pla/plaDetl.js
+++ b/src/main/webapp/static/js/pla/plaDetl.js
@@ -140,9 +140,25 @@
res.data[_index][data.value] = 'N';
}
});
+ let headerTop = $('.layui-table-header').offset().top; //鑾峰彇琛ㄦ牸澶村埌鏂囨。椤堕儴鐨勮窛绂�
+ let headerPage = $('.layui-table-page').offset().top; //鑾峰彇琛ㄦ牸搴曢儴鏂囨。椤堕儴鐨勮窛绂�
+ $(window).scroll(function () {
+ if ((headerTop - $(window).scrollTop()) < 0) { //瓒呰繃浜�
+ $('.layui-table-header').addClass('table-header-fixed'); //娣诲姞鏍峰紡锛屽浐瀹氫綇琛ㄥご
+ } else { //娌¤秴杩�
+ $('.layui-table-header').removeClass('table-header-fixed'); //绉婚櫎鏍峰紡
+ }
+ });
}
});
+ //婊氬姩body,header璺熼殢婊氬姩
+ $('.layui-table-body').on('scroll', function(e) {
+ var leftPx = $(e.target).scrollLeft(); //鑾峰彇琛ㄦ牸body锛屾粴鍔ㄦ潯璺濈宸﹁竟鐨勯暱搴�
+ var left = 'translateX(-' + leftPx + 'px)';
+ $('.layui-table-header .layui-table').css('transform', left); //璁剧疆琛ㄦ牸header鐨勫唴瀹瑰弽鍚�(-)绉诲姩
+ });
+
table.on('tool(plaDetl)', function (obj) {
var data = obj.data;
var layEvent = obj.event;
diff --git a/src/main/webapp/views/pla/plaDetl.html b/src/main/webapp/views/pla/plaDetl.html
index 3734a5b..ddfccca 100644
--- a/src/main/webapp/views/pla/plaDetl.html
+++ b/src/main/webapp/views/pla/plaDetl.html
@@ -101,6 +101,11 @@
white-space: normal;
}
+ .table-header-fixed {
+ top: 0;
+ position: fixed;
+ z-index: 999;
+ }
</style>
</head>
<body style="padding-bottom: 30px">
--
Gitblit v1.9.1