From 902069e82d959289d1824f3ae3e9f38df072edb0 Mon Sep 17 00:00:00 2001
From: zhou zhou <3272660260@qq.com>
Date: 星期四, 05 三月 2026 08:44:26 +0800
Subject: [PATCH] #
---
rsf-admin/src/page/components/StickyDataTable.jsx | 18 +++++++++++++++++-
1 files changed, 17 insertions(+), 1 deletions(-)
diff --git a/rsf-admin/src/page/components/StickyDataTable.jsx b/rsf-admin/src/page/components/StickyDataTable.jsx
index 728665b..7b71e0a 100644
--- a/rsf-admin/src/page/components/StickyDataTable.jsx
+++ b/rsf-admin/src/page/components/StickyDataTable.jsx
@@ -63,6 +63,10 @@
* DataTable 鏍峰紡甯搁噺
*/
const tableStyles = {
+ '& .RaBulkActionsToolbar-toolbar': {
+ top: 0,
+ zIndex: 6,
+ },
'& .MuiTableCell-head': {
zIndex: 4,
borderBottom: 'none'
@@ -140,12 +144,14 @@
* - label: 鏄剧ず鐨勬爣绛撅紝鏀寔缈昏瘧 key 鎴栫洿鎺ユ樉绀虹殑鏂囨湰
* - render: 鍙�夛紝鑷畾涔夋覆鏌撳嚱鏁� (value, data) => ReactNode
* @param {string} props.footerLabel - footer 绗竴鍒楁爣绛撅紝榛樿'鍚堣'
+ * @param {number} props.bulkActionsOffsetY - 鎵归噺鎿嶄綔鏍忓睍寮�鏃跺悜涓嬪亸绉伙紙px锛�
*/
export const StickyDataTable = ({
stickyLeft = [],
stickyRight = [],
footerConfig,
footerLabel = '鍚堣',
+ bulkActionsOffsetY = 0,
children,
...props
}) => {
@@ -197,8 +203,18 @@
return () => <StickyTableFooter footerConfig={footerConfig} footerLabel={footerLabel} />;
}, [footerConfig, footerLabel]);
+ const dataTableStyles = useMemo(() => {
+ return {
+ ...tableStyles,
+ '& .RaBulkActionsToolbar-toolbar:not(.RaBulkActionsToolbar-collapsed)': {
+ transform: `translateY(${bulkActionsOffsetY}px)`,
+ zIndex: 10,
+ },
+ };
+ }, [bulkActionsOffsetY]);
+
return (
- <DataTable {...props} foot={footerComponent} sx={tableStyles}>
+ <DataTable {...props} foot={footerComponent} sx={dataTableStyles}>
{/* {processedChildren} */}
{processedChildren
.map((column) => (
--
Gitblit v1.9.1