返回列表 发布新帖

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

102 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上却查不到日志记录,可能是什么原
    私有化效能问题排查
     需求背景在私有化环境中,客户的服务器环境可能在本地,也可能在云端,可能会受
    设定高代码应用的作业权限控制(纯DAP前后端)
    场景比较常见的运作场景是纯DAP的前端页面, 通常会有选单, 这时候, 就会有一个需求,
    数据驱动2.0_组合场景, 任务结束后走不同分支设定方式说明
    场景以下图为例, 当[订单签核]任务结束后, 希望依条件决定后面要走到[工单待签核]或[
    低代码的标准表格中高级查询指定字段的列值支持下拉配置
        需求背景            当用户在使用低代
    • 关注公众号
    Copyright © 2025 鼎捷数智股份有限公司 版权所有 All Rights Reserved. Powered by Discuz! X5.0
    关灯 在本版发帖
    即将开放
    返回顶部
    快速回复 返回顶部 返回列表