返回列表 发布新帖

定制父子表格如何讓子表格自適應

160 1
发表于 2025-6-6 11:20:43 | 查看全部 阅读模式
问答

紧急程度

已完结
使用ath-table組件
子表是另外定制的ath-table
想問子表高度能否自適應並設置max-height?
因為目前怎麼改都改不動所以想問問看^ ^"
image.png


最佳答案

查看完整内容

1、不支持,目前平台这里 是封装的ag-grid的内容,如果有其他操作可以参考下ag-grid的文档。 2、在Angular中使用ag-Grid时,detailCellRenderer是一个非常有用的功能,它允许你在每一行下方显示额外的详细信息。然而,detailCellRenderer默认并不直接支持自适应行高,因为ag-Grid的行高通常是固定的或者基于内容的固定高度(取决于你的配置)。 3、不过,你可以通过一些方法来实现或模拟这种自适应行高的效果。 方法一:使用CSS和J ...

评论1

翁俊Lv.7 发表于 2025-6-6 13:30:01 | 查看全部
1、不支持,目前平台这里 是封装的ag-grid的内容,如果有其他操作可以参考下ag-grid的文档。
2、在Angular中使用ag-Grid时,detailCellRenderer是一个非常有用的功能,它允许你在每一行下方显示额外的详细信息。然而,detailCellRenderer默认并不直接支持自适应行高,因为ag-Grid的行高通常是固定的或者基于内容的固定高度(取决于你的配置)。

3、不过,你可以通过一些方法来实现或模拟这种自适应行高的效果。
方法一:使用CSS和JavaScript动态调整
  • 设置Detail Row的CSS:
    你可以通过CSS来设置detail row的最小高度,然后使用JavaScript或Angular的绑定来根据内容动态调整高度。但请注意,直接修改DOM元素的高度可能会与ag-Grid的内部机制冲突。
  • 监听内容变化:
    如果detail row的内容是动态变化的(例如,通过API加载数据),你可以监听这些变化并重新计算高度。这可能需要使用Angular的ChangeDetectorRef来触发变更检测。

方法二:使用Flexbox或Grid布局
如果可能的话,你可以尝试在detailCellRenderer中使用Flexbox或Grid布局,这些布局方式可以自动根据内容调整大小。但请注意,由于ag-Grid的复杂性,这种方法可能需要一些额外的调整来确保它与ag-Grid的其他部分兼容。
大家来答
    精选文章
    排错技巧 - 地中台无法启用
    问题描述顾问反馈:客户在完成新版更新后,服务无法正常启用! 错误信息如下,地中台
    低代码-数据分组使用方法
      需求背景      在流程支持多笔数据的场景下,使用数
    低代码--并行分支使用方法
     需求背景      在流程支持多笔数据的场景下,并行分支支持
    排错技巧 - 地中台查不到调用日志
    问题描述客户反馈:系统今天都有正常交易,但在EAI上却查不到日志记录,可能是什么原
    私有化效能问题排查 (09/15补充)
    需求背景在私有化环境中,客户的服务器环境可能在本地,也可能在云端,可能会受环境因
    • 关注公众号
    Copyright © 2025 鼎捷数智股份有限公司 版权所有 All Rights Reserved. Powered by Discuz! X5.0
    关灯 在本版发帖
    即将开放
    返回顶部
    快速回复 返回顶部 返回列表