Skip to content

Commit

Permalink
[Cloud Security] Set DataTable row density to expanded (#191138)
Browse files Browse the repository at this point in the history
## Summary

Due to a [recent change](#188495)
on the UnifiedDataTable component, the density was set to default to
`compact`. This PR overrides this property to `expanded` in order to
keep consistency with the Design specs.

## Screenshot

### Before PR changes:


![image](https://github.com/user-attachments/assets/329673ae-31f6-42f0-8552-253dbd465a7f)

### After PR changes:


![image](https://github.com/user-attachments/assets/bf9d9930-25e6-40a5-9639-a691d9d56893)


### Design spec


![image](https://github.com/user-attachments/assets/5f6ab4f8-807c-4e4c-a89e-56359493e4b2)
  • Loading branch information
opauloh authored Aug 23, 2024
1 parent 04916ff commit c95f01b
Showing 1 changed file with 2 additions and 0 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
import React, { useState, useMemo } from 'react';
import _ from 'lodash';
import {
DataGridDensity,
UnifiedDataTableSettings,
UnifiedDataTableSettingsColumn,
useColumns,
Expand Down Expand Up @@ -362,6 +363,7 @@ export const CloudSecurityDataTable = ({
gridStyleOverride={gridStyle}
rowLineHeightOverride="24px"
controlColumnIds={controlColumnIds}
dataGridDensityState={DataGridDensity.EXPANDED}
/>
</div>
</CellActionsProvider>
Expand Down

0 comments on commit c95f01b

Please sign in to comment.