普通报表需要增加功能

普通报表需要增加功能

1、希望通过js实现对单元格值的提示,背景为黑色,字体是白色的,然后提示的方框有圆角,

2、希望可以点击单元格能够复制这个数据

3、希望可以比如针对A列至C列有这些提示与复制的功能,然后其它列不用提示,也不用复制

4、能够在提示的时候可以换行,因为有一些单元格的内容多的时候需要换行显示

FineReport 用户0161 发布于 前天 14:55
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
CD20160914Lv8专家互助
发布于前天 20:31(编辑于 前天 21:20

可以,类似如下动画的效果?如果是的话,你联系我,我给你文件,告诉你如何弄,你这个一个帖子要了这么多功能,到时候再补几个吧。。。

1、提示换行

image.png

2、自定义提示,而且是限制范围的。浅绿色的列有提示,后面没有颜色的列不会有提示

image.png

image.png

3、复制的功能看动画吧。。。

0524.gif

最佳回答
0
ScyalcireLv7高级互助
发布于前天 14:57(编辑于 前天 15:01

除了1,其他都做不了

image.png

在模板-模板web属性-分页预览设置加载结束事件,如下JS

$(document).ready(function() {
  $(".x-table td").hover(
    function() {
      // 获取当前单元格数据
      var cellData = $(this).text();
      
      // 创建提示框 - 应用新样式
      var tooltip = $("<div class='cell-tooltip' style='position:absolute;z-index:1000;background:#000;color:#fff;border-radius:5px;padding:8px;font-size:14px;'></div>").text(cellData);
      
      // 定位并显示
      var pos = $(this).offset();
      tooltip.css({
        left: pos.left + $(this).width()/2 - 50,
        top: pos.top - 30
      });
      
      $("body").append(tooltip);
    },
    function() {
      $(".cell-tooltip").remove();
    }
  );
});

  • 3关注人数
  • 53浏览人数
  • 最后回答于:前天 21:20
    请选择关闭问题的原因
    确定 取消
    返回顶部