.

client/src/app/catalog/components/CatalogDataTable.tsx

@@ -80,6 +80,13 @@ export const CatalogDataTable = () => {
     data: data?.items ?? [],
     columns: columns,
     pageCount: data?.total_pages ?? -1,
+    initialState: {
+      columnVisibility: {
+        id: false,
+        article_id: false,
+        catalog_name: false,
+      },
+    },
   });
 
   if (isError) {

client/src/app/quotes/components/editors/CatalogPickerDialog.tsx

@@ -26,7 +26,7 @@ export const CatalogPickerDialog = ({
       <DialogContent className='w-11/12 max-w-full'>
         <DialogHeader>
           <DialogTitle>{t("quotes.catalog_picker_dialog.title")}</DialogTitle>
-          <DialogDescription>{t("quotes.catalog_picker_dialog.subtitle")}</DialogDescription>
+          <DialogDescription>{t("quotes.catalog_picker_dialog.description")}</DialogDescription>
         </DialogHeader>
         <DataTableProvider syncWithLocation={false} initialPageSize={5}>
           <CatalogPickerDataTable onSelect={onSelect} />

client/src/lib/hooks/useDataTable/useDataTable.tsx

@@ -1,4 +1,5 @@
 import {
+  InitialTableState,
   OnChangeFn,
   PaginationState,
   getCoreRowModel,
@@ -116,6 +117,8 @@ interface UseDataTableProps<TData, TValue> {
    */
   enableAdvancedFilter?: boolean;
 
+  initialState: InitialTableState;
+
   onPaginationChange?: OnChangeFn<PaginationState>;
 }
 
@@ -126,13 +129,16 @@ export function useDataTable<TData, TValue>({
   enableSorting = false,
   enableHiding = false,
   enableRowSelection = false,
+  initialState,
   onPaginationChange,
 }: UseDataTableProps<TData, TValue>) {
   const { pagination, setPagination, sorting } = useDataTableContext();
 
   // Table states
   const [rowSelection, setRowSelection] = React.useState({});
-  const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>({});
+  const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>(
+    initialState?.columnVisibility || {}
+  );
 
   const paginationUpdater: OnChangeFn<PaginationState> = (updater) => {
     if (typeof updater === "function") {
@@ -167,6 +173,8 @@ export function useDataTable<TData, TValue>({
     pageCount: pageCount ?? -1,
     getCoreRowModel: getCoreRowModel(),
 
+    initialState,
+
     state: {
       pagination,
       sorting,