add prop to set a static column width of Grid View

leemonade · Jan 8, 2024 · d072a05 · d072a05
1 parent a447378
commit d072a05
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/components/src/informative/PaginatedList/views/GridView.js b/packages/components/src/informative/PaginatedList/views/GridView.js
@@ -23,6 +23,7 @@ const GRID_VIEW_PROP_TYPES = {
   rows: PropTypes.array,
   headerGroups: PropTypes.array,
   prepareRow: PropTypes.func,
+  staticColumnWidth: PropTypes.bool,
 };
 
 const GridView = ({
@@ -64,6 +65,14 @@ const GridView = ({
       rows.length < columns
         ? `minmax(${itemMinWidth}px, ${itemMinWidth}px)`
         : `minmax(${itemMinWidth}px, 1fr)`;
+
+    if (props.staticColumnWidth)
+      return {
+        ...style,
+        display: 'grid',
+        gridTemplateColumns: `repeat(auto-fit, ${itemMinWidth})`,
+      };
+
     return {
       ...style,
       display: 'grid',