auseft.platform.datav/src/app/routes/data-v/lj-car-info-table/lj-car-info-table.component.html

<div class="card-content">
  <div class="table-container">
    <div class="table-header">
      <span>序号</span>
      <span>时间</span>
      <span>车牌</span>
      <span>车型</span>
      <span>卡号</span>
      <span>供应商</span>
      <span>毛重</span>
      <span>上报<br />热值</span>
      <span>估算<br />热值</span>
    </div>
  </div>
  <div class="grid-container">
    <div class="grid-item">
      <div class="rounded-border" style="color: #ff0200">#1</div>

      <lj-car-ag-grid-component
        style="width: 100%; height: 120px"
        [defaultColDef]="defaultColDef"
        [rowData]="rowData1"
        [columnDefs]="colDefs1"
        gridThemeClass="ag-theme-quartz ag-theme-datav"
      />
    </div>
    <div class="grid-item">
      <div class="rounded-border" style="color: #25f551">#2</div>
      <lj-car-ag-grid-component
        style="width: 100%; height: 120px"
        [defaultColDef]="defaultColDef"
        [rowData]="rowData1"
        [columnDefs]="colDefs1"
        gridThemeClass="ag-theme-quartz ag-theme-datav"
      />
    </div>
    <div class="grid-item">
      <div class="rounded-border" style="color: #ff0200">#3</div>
      <lj-car-ag-grid-component
        style="width: 100%; height: 120px"
        [defaultColDef]="defaultColDef"
        [rowData]="rowData1"
        [columnDefs]="colDefs1"
        gridThemeClass="ag-theme-quartz ag-theme-datav"
      />
    </div>
    <div class="grid-item">
      <div class="rounded-border" style="color: #bbbbbb">#4</div>
      <lj-car-ag-grid-component
        style="width: 100%; height: 120px"
        [defaultColDef]="defaultColDef"
        [rowData]="rowData1"
        [columnDefs]="colDefs1"
        gridThemeClass="ag-theme-quartz ag-theme-datav"
      />
    </div>
  </div>

  <ng-content />
</div>