为啥标题单元格与正文单元格不对齐？

Posted 2023-03-28

【中文标题】为啥标题单元格与正文单元格不对齐？

【英文标题】：why header cells are not aligned with the body cells?为什么标题单元格与正文单元格不对齐？

【发布时间】：2021-06-29 20:40:43

【问题描述】：

rowData: any = [];rowModelType = 'serverSide'; defaultColDef: any = width: 50, sortable: true, resizable: true, ; columnDefs: any = [];rowSelection = 'single';公共getRowHeight：任何； 私人参数RefreshAgGrid：任何；私有gridColumnApi：任何； 私有gridApi：任意； 构造函数（） this.gridOption() 网格选项（） this.columnDefs = [ headerName：'نوعارز'，字段：'currencyCode'，宽度：200， , headerName: 'خرید',field: 'buyEts', 宽度: 200, , headerName：'انتخاب'，字段：'sellEts2'，宽度：200，， headerName：'خرید'，字段：'buyEts3'，宽度：200，， headerName：'انتخاب'，字段：'sellEts'，宽度：200，， headerName：'خرید اضافه'，字段：'buyExternalCheque'，宽度：200 , headerName: 'مبلغ', 字段: 'buyMoney', 宽度: 200,, ]; onGridReady（参数：任何） 常量 $this = 这个; 如果（参数） this.gridApi = params.api;this.gridColumnApi = params.columnApi; this.paramRefreshAgGrid = 参数； 常量数据源 = getRows（参数：任何） 常量数据：任何= [ currencyCode：'Ford2'，buyEts：'蒙迪欧'，sellEts：32000，sellEts2：32000，sellEts3：32000，buyExternalCheque：500， 买钱：100000， ] params.successCallback（数据，data.total）； $this.gridApi.sizeColumnsToFit(); ; 如果（参数） params.api.setServerSideDatasource(数据源);

<ag-grid-angular
  style="width: 100%;"
  [ngStyle]="'height': '50vh'  "
  id="logGrid"
  class="ag-theme-balham"
  [columnDefs]="columnDefs"
  [defaultColDef]="defaultColDef"
  [enableRtl]="true"
  [rowModelType]="rowModelType"
  [animateRows]="false"
  [rowSelection]="rowSelection"
  [debug]="true"
  [rowData]="rowData"
  [getRowHeight]="getRowHeight"
  (gridReady)="onGridReady($event)"
  [paginationPageSize]="100"
  [suppressDragLeaveHidesColumns]="true"
</ag-grid-angular>

当我滚动标题时，我在 Angular 11 中使用“ag-grid-angular”：“20.2.0”。标题单元格未与正文单元格对齐。

你有什么解决方案来修复这个错误？ 谢谢！！

【问题讨论】：

请提供代码，以便准确回答。谢谢

更新问题

我只在 Chrome 版本 5 89.0.4389.114 中出现此错误

【参考方案1】：

ag-grid-angular 的 20.2.0 版本已有 2 年历史。尝试安装最新版本的 ag-grid-community 和 ag-grid-angular - 之后我还会删除 node_modules 文件夹并清理 npm install

这可能会解决问题（或至少缩小范围）

注意您应该在问题中强调该问题仅在 Chrome 中发生

【讨论】：

你是对的，但是当我使用版本 25 时，延迟加载不起作用，属性 endRow 和 startRow 的值在 param.request 中未定义

在较新的版本中可能对网格进行了更改，这将需要对您的代码进行一些更新（更新延迟加载参数），但这意味着您已经完成了所有错误修复过去两年，以及更好的浏览器支持