[Cloud Security] Set DataTable row density to expanded (#191138)

## Summary

Due to a [recent change](https://github.com/elastic/kibana/pull/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)
This commit is contained in:
Paulo Henrique 2024-08-22 18:17:43 -07:00 committed by GitHub
parent 04916ffc98
commit c95f01b97b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -7,6 +7,7 @@
import React, { useState, useMemo } from 'react';
import _ from 'lodash';
import {
DataGridDensity,
UnifiedDataTableSettings,
UnifiedDataTableSettingsColumn,
useColumns,
@ -362,6 +363,7 @@ export const CloudSecurityDataTable = ({
gridStyleOverride={gridStyle}
rowLineHeightOverride="24px"
controlColumnIds={controlColumnIds}
dataGridDensityState={DataGridDensity.EXPANDED}
/>
</div>
</CellActionsProvider>