FineReport 分页预览下点击行第一列显示本行数据

最新推荐文章于 2024-10-15 11:24:45 发布

weixin_34007879

最新推荐文章于 2024-10-15 11:24:45 发布

阅读量525

点赞数 1

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lslvxy/archive/2013/04/22/3036051.html

本文介绍了一种通过JavaScript操作DOM来实现表格中特定单元格数据的动态显示与隐藏的方法。该方法首先通过监听页面加载结束事件，然后利用循环遍历表格中的所有单元格，并根据特定条件将不需要展示的数据进行隐藏。当用户点击列顶部的超链接时，隐藏的数据会重新显示出来。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、首先问页面添加加载结束事件，方法如下：

var $table = $("table", $("#content-container"));
var $tds = $("td", $table);
for (var i = 0; i < $tds.length; i ++) {
   var $td = $($tds[i]);
   var tdid = $td.attr("id");
   var colRow = FR.id2ColumnRow(tdid);
   if (colRow.col > 0 && colRow.row > 0){
      var spa=$td.parent().find("span").html();
      var val=$("tr[tridx="+colRow.row+"]","div.content-container").children().eq(0).html();  
      val=$(val).html();
      if(spa==val&&spa!=null){
          $td.hide();
     }
  }    
}

2、在列第一行单元格添加超链接，添加js：

$("tr[tridx="+row+"]").children().show();

添加参数row=row()-1//公式。

3、效果图，加载之后数据默认不显示；

点击超链接之后数据显示：

今天又找到一个更简单的方法：

先把要隐藏的单元格设置条件属性前景色为白色，单元格里面的内容就隐藏起来了，再在超链接中写js ： $("tr[tridx="+row+"]").children().attr({"style":"none"}); 把style属性去掉就显示出来了，添加参数row=row()-1//公式。

效果还更好，边框不会隐藏起来。

转载于:https://www.cnblogs.com/lslvxy/archive/2013/04/22/3036051.html