尽管在ag-grid中使用sizeColumnsToFit，但不必要的水平滚动条仍然存在

作者: 只怕再见是故人
发布时间: 2024-12-16 06:16:52 (1月前)
转自：

3 条回复

0#
回复此人
一腔诗意 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 另一个可能的解决方案，刚刚由同事提交给我： </p> <P> 在列defs中，您可以通过计算客户端宽度，然后将其除以列数来设置每列的宽度： </p> <pre> <code> width:?(document.documentElement.clientWidth?-?40)?/?(this.numColumns) </code> </pre> <P> 在这种情况下，40是网格两侧填充的总和（20左+ 20右）。 </p> </DIV>

编辑
1#
回复此人
清月 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 这不是一个错误，它是一个功能。如果所有列的总宽度计数大于您的包装器，则会出现滚动条。你应该改变 <code> minWidth </code> / <code> maxWidth </code> headerFields的属性，你会没事的。 </p> <pre> <code> var columnDefs = [ {headerName: 'Athlete', field: 'athlete', minWidth: 150}, {headerName: 'Age', field: 'age', minWidth: 50}, {headerName: 'Country', field: 'country', minWidth: 120}, {headerName: 'Year', field: 'year', minWidth: 90}, {headerName: 'Date', field: 'date', minWidth: 110} ]; </code> </pre> </DIV>

编辑

登录后才能参与评论