fix(Grid): adds Dropdown wrapper in Head Cell

innovaccer · Aug 27, 2020 · 3b18b0e · 3b18b0e
1 parent a389fb2
commit 3b18b0e
Showing 1 changed file with 38 additions and 32 deletions.
diff --git a/core/components/organisms/grid/Cell.tsx b/core/components/organisms/grid/Cell.tsx
@@ -155,22 +155,25 @@ const HeaderCell = (props: HeaderCellProps) => {
               <Placeholder />
             </span>
           ) : (
-              <Dropdown
-                menu={true}
-                showApplyButton={true}
-                withCheckbox={true}
-                triggerOptions={{
-                  customTrigger: () => (
-                    <Button
-                      icon="filter_list"
-                      appearance="transparent"
-                    />
-                  )
-                }}
-                options={filterOptions}
-                align={'left'}
-                onChange={(selected: any) => _this.onFilterChange(name, selected)}
-              />
+              <div>
+                <Dropdown
+                  menu={true}
+                  showApplyButton={true}
+                  withCheckbox={true}
+                  triggerOptions={{
+                    customTrigger: () => (
+                      <Button
+                        icon="filter_list"
+                        appearance="transparent"
+                      />
+                    )
+                  }}
+                  options={filterOptions}
+                  align={'left'}
+                  onChange={(selected: any) => _this.onFilterChange(name, selected)}
+                  minWidth={176}
+                />
+              </div>
             )
           }
         </>
@@ -182,22 +185,25 @@ const HeaderCell = (props: HeaderCellProps) => {
               <Placeholder />
             </span>
           ) : (
-              <Dropdown
-                key={`${name}-${sorted}-${pinned}`}
-                menu={true}
-                optionType="WITH_ICON"
-                triggerOptions={{
-                  customTrigger: () => (
-                    <Button
-                      icon="more_vert_filled"
-                      appearance="transparent"
-                    />
-                  )
-                }}
-                options={options}
-                align={'left'}
-                onChange={(selected: any) => _this.onMenuChange(name, selected)}
-              />
+              <div>
+                <Dropdown
+                  key={`${name}-${sorted}-${pinned}`}
+                  menu={true}
+                  optionType="WITH_ICON"
+                  triggerOptions={{
+                    customTrigger: () => (
+                      <Button
+                        icon="more_vert_filled"
+                        appearance="transparent"
+                      />
+                    )
+                  }}
+                  options={options}
+                  align={'left'}
+                  onChange={(selected: any) => _this.onMenuChange(name, selected)}
+                  minWidth={176}
+                />
+              </div>
             )
           }
         </>