返回列表 发布新帖

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

30 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的其他部分兼容。
大家来答
    热门讨论
      精选文章
      数据驱动2.0工作流流程变量说明
      在工作流执行的过程中,我们常常需要先取得一些待处理的数据,并在处理后将结果存放起
      互联中台整合请求安全码(digi-key)说明
      互联中台整合请求中有安全码的设计,用来验证整合请求的合法性。安全码的位置说明如下
      数据比对介绍
       一、数据比对介绍(一)业务场景在项目实施中,预算执行率的准确计算依赖于敏态
      Athena 五大驱动力介绍
                    在数字化转型的浪
      开发不踩雷-数据驱动2.0, 模型栏位异动调整时的注意事项
      场景说明我们在应用开发过程中, 模型的异动是非常常见的一般情况的开发顺序为 模型设
      • 关注公众号
      Copyright © 2025 鼎捷数智股份有限公司 版权所有 All Rights Reserved. Powered by Discuz! X5.0
      关灯 在本版发帖
      即将开放
      返回顶部
      快速回复 返回顶部 返回列表