@omniumretail/component-library 1.1.6 → 1.1.7

package/dist/types/components/Table/index.d.ts

@@ -37,5 +37,9 @@ export interface TableCustomProps extends TableProps<any> {
         dataIndex: string;
         side: 'left' | 'right';
     }[];
+    customColumnWidths?: {
+        columnName: string;
+        width: string;
+    }[];
 }
 export declare const Table: (props: TableCustomProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omniumretail/component-library",
-  "version": "1.1.06",
+  "version": "1.1.07",
   "private": false,
   "main": "dist/bundle.js",
   "typings": "./dist/types/index",

package/src/components/Table/Table.stories.tsx

@@ -23,7 +23,7 @@ const Template: Story<TableCustomProps> = (args) => {
     return <Table scroll={{y: 1000, x: 3000}}   fixedColumns={[
       { dataIndex: 'name', side: 'left' },
       { dataIndex: 'mecanographicNumber', side: 'left' },
-    ]} columnsSortChange={handleSortByColumnChange} paginationInfo={setPageInfo} headingTranslationsKey={'tableHeadings'} rowSelectionInfo={setRowSelectionInfo} actionsArray={
+    ]} customColumnWidths={[{columnName: 'name', width: "100px"}]} columnsSortChange={handleSortByColumnChange} paginationInfo={setPageInfo} headingTranslationsKey={'tableHeadings'} rowSelectionInfo={setRowSelectionInfo} actionsArray={
         [
             { key: '1', label: `${t('actions.one')}`, onClick: () => {
                 console.log('onClick');

package/src/components/Table/index.tsx

@@ -46,6 +46,7 @@ export interface TableCustomProps extends TableProps<any> {
     sortByColumns?: boolean;
     columnsToSort?: string[];
     fixedColumns?: { dataIndex: string; side: 'left' | 'right' }[];
+    customColumnWidths?: { columnName: string; width: string }[];
 }
 
 export const Table = (props: TableCustomProps) => {
@@ -69,7 +70,8 @@ export const Table = (props: TableCustomProps) => {
         tableMaxHeight,
         sortByColumns,
         columnsToSort,
-        fixedColumns
+        fixedColumns,
+        customColumnWidths
     } = props;
 
     const [customFilters, setCustomFilters] = useState<any>([]);
@@ -219,6 +221,16 @@ export const Table = (props: TableCustomProps) => {
                 });
             }
 
+            if (customColumnWidths) {
+                customColumnWidths.forEach((column) => {
+                    const { columnName, width } = column;
+                    const foundColumn = columns.find((col: any) => col.dataIndex === columnName);
+                    if (foundColumn) {
+                        foundColumn.width = width;
+                    }
+                });
+            }
+
             setCustomColumns(columns);
 
             // Filters