RMS/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

complete header of table and pages with a new component and styling in responsive design of them

Browse Source
This commit is contained in:
Mohammad Jalali
2024-07-30 11:26:25 +03:30
parent a7c5ef72dd
commit fd7821473f
6 changed files with 110 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/core/components/DataTable/table/Paper.js
View File

@@ -5,16 +5,17 @@ import DataTable_TopToolbar from "../toolbar/TopToolbar";
import DataTable_TableContainer from "./TableContainer";
const DataTable_Paper = ({
table,
table_name,
columns,
user_id,
page_name,
mutate,
need_filter,
table_url,
...rest
}) => {
table,
table_name,
columns,
user_id,
page_name,
mutate,
need_filter,
table_url,
table_title,
...rest
}) => {
const {
getState,
options: {
@@ -49,19 +50,19 @@ const DataTable_Paper = ({
style={{
...(isFullScreen
? {
bottom: 0,
height: "100dvh",
left: 0,
margin: 0,
maxHeight: "100dvh",
maxWidth: "100dvw",
padding: 0,
position: "fixed",
right: 0,
top: 0,
width: "100dvw",
zIndex: 999,
}
bottom: 0,
height: "100dvh",
left: 0,
margin: 0,
maxHeight: "100dvh",
maxWidth: "100dvw",
padding: 0,
position: "fixed",
right: 0,
top: 0,
width: "100dvw",
zIndex: 999,
}
: {}),
...paperProps?.style,
}}
@@ -84,6 +85,7 @@ const DataTable_Paper = ({
user_id={user_id}
page_name={page_name}
table_name={table_name}
table_title={table_title}
/>
))}
<DataTable_TableContainer table={table} />