[REVERT] Demo example

cee-chen · Jan 10, 2022 · 196fe66 · 196fe66
1 parent d4f7bfb
commit 196fe66
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src-docs/src/views/datagrid/styling.js b/src-docs/src/views/datagrid/styling.js
@@ -455,6 +455,9 @@ const DataGrid = () => {
     toolbarConfig = toolbarVisibilityOptions;
   }
 
+  const [rowHeight, setRowHeight] = useState();
+  const setRowHeightAuto = () => setRowHeight('auto');
+
   return (
     <div>
       <EuiFlexGroup gutterSize="s">
@@ -705,6 +708,11 @@ const DataGrid = () => {
             </div>
           </EuiPopover>
         </EuiFlexItem>
+        <EuiFlexItem grow={false}>
+          <EuiButton size="s" onClick={setRowHeightAuto}>
+            [TEST] Set row height to auto
+          </EuiButton>
+        </EuiFlexItem>
       </EuiFlexGroup>
 
       {footerSelected === 'striped' ? (
@@ -738,6 +746,7 @@ const DataGrid = () => {
           header: headerSelected,
           footer: footerSelected,
         }}
+        rowHeightsOptions={{ defaultHeight: rowHeight }}
         toolbarVisibility={toolbarConfig}
         renderCellValue={({ rowIndex, columnId }) => data[rowIndex][columnId]}
         renderFooterCellValue={renderFooterCellValue}