Как две данные сетки данных показывают поочередно зависит от высоты?

Question

Ниже приведены фрагменты кода для отображения данных Datagrid.Здесь есть два массива dg1Data и dg2Data, и в зависимости от длины данные отображаются в datagrid1 и datagrid2.

Здесь мое требование заключается в том, что если dg1Data илиdg2Data содержит null, тогда высота либо datagrid s автоматически увеличивается, и наоборот.

, поэтому в настоящее время, если предположить, что dg1Data содержит null, я получаю место для этогоdatagrid1.Кроме того, я уже скрыл, что datagrid1, но все еще занимает место.

Так что, если dg1Data содержит null, то datagrid2 автоматически займет место datagrid1.

<div>
  { dg1Data && dg1Data.length > 0 ? (
  <div>
    <h1>Datagrid 1 data</h1>
    <Datagrid data = {dg1Data}/>
  </div>
  ) : null
  
  { dg2Data && dg2Data.length > 0 ? (
  <div>
    <h1>Datagrid 2 data</h1>
    <Datagrid data = {dg2Data}/>
  </div>
  ) : null
  
</div>