轮播图表

明细报表的轮播图怎么做呀?

FineReport yisheng 发布于 2025-2-11 11:18
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
华莉星宸Lv7资深互助
发布于2025-2-11 11:27

你是要自动翻页吧

JS实现自动翻页效果 https://help.fanruan.com/finereport/doc-view-1751.html

222

  • yisheng yisheng(提问者) 没有这么高级,就是一个明细表格信息滚动
    2025-02-11 12:38 
最佳回答
0
skysunLv5见习互助
发布于2025-2-11 13:44

在帆软报表中实现明细表格信息滚动,可以通过以下几种方法:

方法一:使用HTML的<marquee>标签

帆软报表支持在单元格中插入HTML代码来实现滚动效果。以下是具体步骤:

  1. 准备数据:新建一个普通报表,并添加数据集,确保数据集中的数据是你需要滚动展示的明细数据。

  2. 设计报表:将数据列拖到报表的某个单元格中,比如A1单元格,并设置该单元格的扩展方向为“不扩展”

  3. 插入公式:选中需要显示滚动效果的单元格(比如B2),右键选择“单元格元素>插入公式”,输入以下公式:

    HTML复制

    "<marquee id='affiche' style='text-align:center;display:table-cell;vertical-align:middle;' behavior='scroll' bgcolor='#ffffff' direction='left' height='100%' width='500%' hspace='0' vspace='2' loop='-1' scrollamount='10' scrolldelay='100' onMouseOut='this.start()' onMouseOver='this.stop()'>" + REPLACE(A1, ",", " ") + "</marquee>"

    其中,REPLACE(A1, ",", " ")的作用是将A1单元格中的内容进行格式化,将逗号替换为空格

  4. 设置单元格属性:选中插入公式的单元格,设置“单元格属性>其他”,选择“基本”下的“不自动调整”,并将显示内容设置为“用HTML显示内容”

  5. 预览效果:保存报表并点击“分页预览”,即可看到滚动效果

方法二:使用决策报表中的滚动消息控件

在决策报表中,可以直接使用官方提供的插件“滚动消息控件”来实现滚动效果。具体步骤如下:

  1. 创建决策报表:新建一个决策报表,并添加需要滚动展示的数据集。

  2. 添加滚动消息控件:在报表设计界面中,找到“Web组件”中的“滚动消息控件”,将其拖入报表中

  3. 配置控件属性:选中滚动消息控件,设置其数据源为之前添加的数据集,并根据需要调整控件的滚动方向、速度、循环次数等属性

  4. 预览效果:保存报表并预览,即可看到滚动消息控件的滚动效果

方法三:使用JavaScript实现动态滚动效果

如果需要更复杂的滚动效果,可以通过在帆软报表中嵌入JavaScript代码来实现。这种方法相对复杂,需要一定的JavaScript基础。

  1. 准备数据:与上述方法相同,先准备好数据集。

  2. 设计报表:将数据列拖到报表的某个单元格中,并设置单元格的扩展方向

  3. 嵌入JavaScript代码:在报表的HTML代码中嵌入JavaScript代码,通过控制DOM元素来实现滚动效果

  4. 设置单元格属性:确保单元格的显示内容设置为“用HTML显示内容”,以便正确解析JavaScript代码

  5. 预览效果:保存报表并预览,检查滚动效果是否符合预期

以上是实现帆软报表中明细表格信息滚动的几种方法,你可以根据实际需求选择合适的方式。

第二第三种方法实践过,你试试看。

  • 3关注人数
  • 16浏览人数
  • 最后回答于:2025-2-11 13:44
    请选择关闭问题的原因
    确定 取消
    返回顶部