diff --git a/src/app/routes/data-v/lj-car-info-table/lj-car-ag-grid-component/lj-car-ag-grid-component.component.ts b/src/app/routes/data-v/lj-car-info-table/lj-car-ag-grid-component/lj-car-ag-grid-component.component.ts index 88dd154..ac3aa08 100644 --- a/src/app/routes/data-v/lj-car-info-table/lj-car-ag-grid-component/lj-car-ag-grid-component.component.ts +++ b/src/app/routes/data-v/lj-car-info-table/lj-car-ag-grid-component/lj-car-ag-grid-component.component.ts @@ -12,7 +12,8 @@ import { NzPaginationModule } from 'ng-zorro-antd/pagination'; export class LjCarAgGridComponentComponent implements OnInit { @ViewChild('myGrid') grid!: AgGridAngular; public gridOptions: any = { - headerHeight: 0 + headerHeight: 0, + width: '100%' }; /**每页数 */ diff --git a/src/app/routes/data-v/lj-car-info-table/lj-car-info-table.component.css b/src/app/routes/data-v/lj-car-info-table/lj-car-info-table.component.css index deb7419..d24397c 100644 --- a/src/app/routes/data-v/lj-car-info-table/lj-car-info-table.component.css +++ b/src/app/routes/data-v/lj-car-info-table/lj-car-info-table.component.css @@ -101,4 +101,28 @@ border-radius: 3px; align-self: flex-end; } } -} \ No newline at end of file +} + +.table-container { + margin: 10px 5px 20px; /* Adjust padding as needed */ + padding: 10px; + border: 1px solid #fff; /* White border */ + + /* Other styles */ + } + + + .table-header { + display: flex; /* 使用 flex 布局 */ + justify-content: space-between; /* 元素之间平均分布 */ + } + + .table-header span { + flex: 1; /* 每个元素占据等宽 */ + text-align: center; /* 文本居中 */ + } + + .grid-item { + margin-bottom: 10px; + } + \ No newline at end of file diff --git a/src/app/routes/data-v/lj-car-info-table/lj-car-info-table.component.html b/src/app/routes/data-v/lj-car-info-table/lj-car-info-table.component.html index 581c6c3..0d2be2b 100644 --- a/src/app/routes/data-v/lj-car-info-table/lj-car-info-table.component.html +++ b/src/app/routes/data-v/lj-car-info-table/lj-car-info-table.component.html @@ -1,11 +1,55 @@