Fix: Data Table Alignment (#458)

omnistrate-oss · Dec 11, 2024 · e88f7a4 · e88f7a4
1 parent ef13da6
commit e88f7a4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/DataTable/DataTable.tsx b/src/components/DataTable/DataTable.tsx
@@ -203,7 +203,7 @@ const DataTable = <TData,>(props: DataTableProps<TData>): ReactNode => {
                     {headerGroup.headers.map((header) => {
                       const sortDirection = header.column.getIsSorted();
                       const columnAlignment =
-                        header.column.columnDef.meta?.align || "center";
+                        header.column.columnDef.meta?.align || "left";
                       return (
                         <TableCell
                           align={columnAlignment}
@@ -257,7 +257,7 @@ const DataTable = <TData,>(props: DataTableProps<TData>): ReactNode => {
                         {row.getVisibleCells().map((cell) => {
                           const cellValue = cell.getValue();
                           const columnAlignment =
-                            cell.column.columnDef.meta?.align || "center";
+                            cell.column.columnDef.meta?.align || "left";
                           let title = "";
                           if (
                             ["string", "number", "boolean"].includes(

diff --git a/src/components/GridCellExpand/GridCellExpand.tsx b/src/components/GridCellExpand/GridCellExpand.tsx
@@ -38,7 +38,7 @@ const GridCellExpand = React.memo(function GridCellExpand(
     onClick = () => {},
     href,
     target = "_self",
-    justifyContent = "center",
+    justifyContent = "start",
     externalLinkArrow,
   } = props;
   const wrapper = React.useRef(null);