From 4a620b306e2e0ff208dbea260f998ffce8d08e39 Mon Sep 17 00:00:00 2001
From: zhou zhou <3272660260@qq.com>
Date: 星期五, 06 三月 2026 15:46:05 +0800
Subject: [PATCH] #站点区域
---
rsf-admin/src/page/components/StickyDataTable.jsx | 42 ++++++++++++++++++++++++++++++++++++++++--
1 files changed, 40 insertions(+), 2 deletions(-)
diff --git a/rsf-admin/src/page/components/StickyDataTable.jsx b/rsf-admin/src/page/components/StickyDataTable.jsx
index 4fbae7a..d5f8b0f 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'
@@ -74,6 +78,11 @@
backgroundColor: '#FFFFFF',
},
'& .MuiTableFooter-root .MuiTableCell-root': {
+ backgroundColor: '#f5f5f5',
+ fontWeight: 'bold',
+ borderTop: '2px solid #e0e0e0',
+ },
+ '& .RaDataTable-thead': {
backgroundColor: '#f5f5f5',
fontWeight: 'bold',
borderTop: '2px solid #e0e0e0',
@@ -135,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
}) => {
@@ -192,9 +203,36 @@
return () => <StickyTableFooter footerConfig={footerConfig} footerLabel={footerLabel} />;
}, [footerConfig, footerLabel]);
+ const dataTableStyles = useMemo(() => {
+ return {
+ ...tableStyles,
+ '& .RaBulkActionsToolbar-toolbar:not(.RaBulkActionsToolbar-collapsed)': {
+ transform: `translateY(${bulkActionsOffsetY}px)`,
+ zIndex: 10,
+ opacity: 1,
+ },
+ '& .RaBulkActionsToolbar-toolbar.RaBulkActionsToolbar-collapsed': {
+ zIndex: 10,
+ opacity: 1,
+ },
+ };
+ }, [bulkActionsOffsetY]);
+
return (
- <DataTable {...props} foot={footerComponent} sx={tableStyles}>
- {processedChildren}
+ <DataTable {...props} foot={footerComponent} sx={dataTableStyles}>
+ {/* {processedChildren} */}
+ {processedChildren
+ .map((column) => (
+ <DataTable.Col
+ key={column.key || column.props.source}
+ source={column.props.source}
+ label={column.props.label}
+ sx={column.props.sx}
+ >
+ {column}
+ </DataTable.Col>
+ ))
+ }
</DataTable>
);
};
--
Gitblit v1.9.1