相关疑难解决方法(0)

我的CSS看起来像这样:

div.SOMECLASS {
  position: absolute;
  max-height: 300px
  height: auto;
  width: auto;
  overflow: auto;
  ...
}

div高度和宽度自动缩放.虽然高度已固定最大值:一旦达到此值,就会出现垂直滚动条.这很有效.

现在的问题:
如果垂直滚动条出现,他们使用了周围的10px的水平空间,如滚动条将放在里面的div.
但是,宽度不是自动调整的,以允许垂直滚动条使用的这些额外的10个像素.由于添加垂直滚动条之前的水平宽度恰好适合内容(正如width:auto设置所预期的那样),div现在还显示水平滚动条 - 允许缺少10个像素.这太傻了.

• 如何避免使用这些水平滚动条并自动调整宽度div以使垂直滚动条适合？

如果可能的话我找的不依赖于只是完全禁用水平滚动,因为这可能会在某些时候需要(即对某些输入)的解决方案.

我正在使用Angular Grid(版本1.16.1),我需要在表格中显示一个长文本,我希望行高可以根据内容进行调整,必要时可以打破行.

我试过了:

• sizeColumnsToFit方法,期望ag-grid可以通过其内容调整列的大小;

• gridOptions的setRowStyle方法:我添加了CSS类来根据内容调整roe高度(例如:'word-wrap':'break-word');

• minWidth和width:我已计算出平均列大小,但ag-grid不尊重它;

• gridOptions上的cellStyle:和"setRowStyle"一样,但CSS类没有给我任何成功;

有人有另一个建议吗？