debug refactor table and passing parameters to dataTable_paper

src/core/components/DataTable/Main.js

@@ -106,8 +106,10 @@ const DataTable_Main = (props) => {
 
     return (
         <DataTable_Paper
-            need_filter={need_filter}
             table={table}
+            need_filter={need_filter}
+            mutate={mutate}
+            table_url={table_url}
             columns={flatColumns}
             user_id={user_id}
             page_name={page_name}

src/core/components/DataTable/head/TableHeadCell.js

@@ -214,6 +214,7 @@ const DataTable_TableHeadCell = ({ columnVirtualizer, header, staticColumnIndex,
                                 minWidth: `${Math.min(columnDef.header?.length ?? 0, 4)}ch`,
                                 overflow: columnDefType === "data" ? "hidden" : undefined,
                                 textOverflow: "ellipsis",
+                                textAlign: "start",
                                 color: "#fff",
                                 fontWeight: "400",
                                 whiteSpace: (columnDef.header?.length ?? 0) < 20 ? "nowrap" : "normal",

src/core/components/DataTable/refactor/RefactorTable.jsx

@@ -1,17 +1,10 @@
 "use client";
 import { IconButton, Tooltip } from "@mui/material";
 import RestartAltIcon from "@mui/icons-material/RestartAlt";
-import useTableSetting from "@/lib/hooks/useTableSetting";
-import { useState } from "react";
-
-function RefactorTable() {
-    const { refactorAction } = useTableSetting();
-    const [userId, setUserId] = useState(0);
-    const [pageName, setPageName] = useState("testPage");
-    const [tableName, setTableName] = useState("testTable");
 
+function RefactorTable({ mutate }) {
     const refactor = () => {
-        refactorAction(userId, pageName, tableName);
+        mutate();
     };
 
     return (

src/core/components/DataTable/table/Paper.js

@@ -4,7 +4,17 @@ import DataTable_BottomToolbar from "../toolbar/BottomToolbar";
 import DataTable_TopToolbar from "../toolbar/TopToolbar";
 import DataTable_TableContainer from "./TableContainer";
 
-const DataTable_Paper = ({ table, ...rest }) => {
+const DataTable_Paper = ({
+    table,
+    table_name,
+    columns,
+    user_id,
+    page_name,
+    mutate,
+    need_filter,
+    table_url,
+    ...rest
+}) => {
     const {
         getState,
         options: {
@@ -66,13 +76,14 @@ const DataTable_Paper = ({ table, ...rest }) => {
             {enableTopToolbar &&
                 (parseFromValuesOrFunc(renderTopToolbar, { table }) ?? (
                     <DataTable_TopToolbar
-                        need_filter={paperProps.need_filter}
+                        need_filter={need_filter}
                         table={table}
-                        columns={paperProps.columns}
-                        table_url={paperProps.table_url}
-                        user_id={paperProps.user_id}
-                        page_name={paperProps.page_name}
-                        table_name={paperProps.table_name}
+                        mutate={mutate}
+                        columns={columns}
+                        table_url={table_url}
+                        user_id={user_id}
+                        page_name={page_name}
+                        table_name={table_name}
                     />
                 ))}
             <DataTable_TableContainer table={table} />

src/core/components/DataTable/toolbar/TopToolbar.js

@@ -6,7 +6,7 @@ import DataTable_ToolbarInternalButtons from "./ToolbarInternalButtons";
 import FilterColumn from "@/core/components/DataTable/filter";
 import RefactorTable from "@/core/components/DataTable/refactor/RefactorTable";
 
-const DataTable_TopToolbar = ({ need_filter, table, columns, table_url, user_id, page_name, table_name }) => {
+const DataTable_TopToolbar = ({ mutate, need_filter, table, columns, table_url, user_id, page_name, table_name }) => {
     const {
         getState,
         options: {
@@ -69,8 +69,8 @@ const DataTable_TopToolbar = ({ need_filter, table, columns, table_url, user_id,
                             justifyContent: "flex-end",
                         }}
                     >
-                        <RefactorTable />
-                        {need_filter === "true" && (
+                        <RefactorTable mutate={mutate} />
+                        {need_filter && (
                             <FilterColumn
                                 columns={columns}
                                 table_url={table_url}