如何实现合并单元格后第一行为自定义字符,第二行存放数据?

image.pngimage.png将图一模仿成图二

FineReport yzm7skbn0612189 发布于 2023-4-19 17:00
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
0
congerLv6高级互助
发布于2023-4-19 17:03(编辑于 2023-4-20 11:46)

你可以在上面单元格放图标,第二行放文字,然后用四周的边框 不用合并单元格

image.png

image.png

image.png

---------------自定义按钮和css---------------------

通过自定义按钮和flex布局实现

image.png

image.png——>image.png

image.png

setTimeout(function() {     $('.fr-widget-click') $('.fr-widget-click').css({ "display": "flex", "flex-direction": "column", "align-items": "center" }) $('.fr-widget-click').find('img').css({ "width": "16px", "height": "16px" }) $('.fr-widget-click').find('span').css("line-height", "25px") }, 10)

  • yzm7skbn0612189 yzm7skbn0612189(提问者) 但我得给这个按钮控件,如果这样得话就给了多个单元格控件了
    2023-04-19 17:20 
  • conger conger 回复 yzm7skbn0612189(提问者) 你到底是要在单元格中还是按钮控件,按钮控件你得自定义CSS了,你可以在单元格上绑定点击事件呀
    2023-04-20 10:24 
  • yzm7skbn0612189 yzm7skbn0612189(提问者) 回复 conger 要把你这个图里的图标包括下面的汉字都设置成按钮控件,用来跳转。
    2023-04-20 10:56 
  • conger conger 回复 yzm7skbn0612189(提问者) 那你得调整按钮的css了,我已修改答案
    2023-04-20 11:38 
  • 2关注人数
  • 269浏览人数
  • 最后回答于:2023-4-20 11:46
    请选择关闭问题的原因
    确定 取消
    返回顶部