ReportStudio入门教程(十二) - 列表的复杂表头之继承类

最新推荐文章于 2022-06-28 21:07:26 发布
最新推荐文章于 2022-06-28 21:07:26 发布
阅读量2.8k 收藏 1
点赞数 2
分类专栏： Cognos_ReportStudio ReportStudio入门教程 文章标签： BI Cognos ReportStudio 类
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuguiyang1990/article/details/23127455
版权
本文介绍如何在ReportStudio中通过选择类来改进列表的复杂表头样式。针对新插入行的样式问题，步骤包括选中行，设置属性面板中的类，通过继承已有的"列表的列标题单元格"类，实现与列标题一致的样式。调整后，新插入的行显示效果显著提升。
摘要由CSDN通过智能技术生成

先看一下，我们的复杂表头的进展：

分析一下当前的问题：

1. 第一行原本的标题还在，如果可以隐藏就好了

2. 新插入的行样式不太好看

在这一篇博客，我们先解决第2个问题

1. 选中新插入的行

最低0.47元/天 解锁文章
橘猫吃不胖胖
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
计算机编程 英语词汇
ZJQ的博客
01-03 848
radius ：半径 Slate：石板，写字板 Canvas：画布 Airbrush：气笔，喷枪 fountain： found：建立，从下向上： 喷泉。 压力值：Pressure value BrushesPlotter： 刷子， 绘图仪 画板。 Stroke:(打、击等的)一下 Strokes:笔画 platform---平台 version---版本 proje...
cognos中国式复杂表头的制作（图列示范）
07-24
cognos中国式复杂表头的制作,（图列示范）
ReportStudio入门教程(三十一) - 交叉表复杂表头
什么是江湖?
04-16 6567
之前我们学习使用了列表的复杂表头，
cognos多级表头合并（视觉上）
u012584987的专栏
11-18 3570
做这样的表头的方法 加一行页眉以后，在单元格里加表格，在表格里加文本项目，（需要先解锁） 然后设置表格的边框 设置单元格的填充，四边都是0px。
ReportStudio入门教程(十一) - 列表的复杂表头之页眉
什么是江湖?
04-07 4631
之前的报表表头都是1行，现在我们看一下，怎样显示一个多行的表头
cognos 简单中国式报表表头的制作（留个脚印）
寒冰
10-27 4180
在使用cognos的过程中，我们难免要制作中国式报表，http://www.cognosusersgroup.com/viewthread.php?tid=1516这个上面很好的说明了关于中国式报表表头的制作，图文的，看起来很方便，但是cognos不提供列的合并，而文中最后也没有说明怎么合并列。下面是我合并列的方法合并之前：选中一个单元格，比如上面那个单元格，然后找到它属性的边框属性然后将样式设为无，并选中预览中的下面那个按钮：注意两幅图片的差别，如此点击确定，然后选中横线下面那个单元格，按照上面的方法做，
MFC基础入门
Star_ID的博客
06-28 1万+
VS2019中MFC开发入门
C++入门学习笔记
KFPA的博客
11-10 3989
这些是我刚学习C++的笔记，拿出来与大家分享，希望大家更容易入门！ 1、 运算符<<（送出）用作输出运算符；cout是标准输出流。运算符>>（取入）用作输入运算；cin是标准的输入流。 2、 输出：一个输出表达式的结果本身还可以用于进一步的输出。 void h2(int i) { Cout<<”the value of I is”<<i<<’\n’; } 3、 输入
MFC控件使用大全
热门推荐
代码人生
01-23 3万+
MFC控件使用大全
基于PHPexecl类生成复杂的报表表头示例
10-21
主要介绍了基于PHPexecl类生成复杂的报表表头功能,结合实例形式分析了实例化PHPexecl类生成复杂报表表头的具体步骤与相关操作技巧,需要的朋友可以参考下
bootstrap-table实现表头固定以及列固定的方法示例
10-17
主要介绍了bootstrap-table实现表头固定以及列固定的方法示例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
bootstrap-table组合表头的实现方法
08-29
Bootstrap-Table 组合表头实现方法 Bootstrap-Table 是一个功能强大且灵活的表格插件，它提供了多种方式来实现复杂的表格需求。其中，组合表头是 Bootstrap-Table 中一个非常有用的功能，本文将详细介绍如何使用 ...
easyexcel 动态导出复杂表头.zip
05-11
本文将深入探讨如何使用EasyExcel实现动态导出复杂表头的功能，结合给定的压缩包文件中的代码示例进行解析。 首先，我们要理解EasyExcel的基本概念。EasyExcel是一个基于Java的轻量级库，它设计的目标是处理大数据...
js代码-查询列表表头
07-16
在JavaScript编程中，"查询列表表头"通常指的是在网页应用中展示数据表格时，用于显示列名和筛选条件的部分。这个场景涉及到前端开发中的数据处理、DOM操作、事件监听等多个知识点。以下将详细讲解这些相关概念。 1...
08_项目一Ⅱ
skping
11-18 2150
Day03项目介绍、云服务 3.1云服务的三种模式 IaaS （基础设施即服务）: 基础零配件（内存，硬盘，网络，计算机硬件） — 计算机（mysql，jdk） ----软件 PaaS（平台即服务）：不关注基础设计 计算机（mysql，jdk） ——软件 SaaS（软件即服务）：不开发软件（租用别人的软件） 面向企业的saas产品：oa，crm，erp，hrm，财务 面向个人的saas产品：在线文档，云盘 3.2项目介绍 saas-export saas模式的货物代理（国际物流）
ReportStudio入门教程(一) - 基本的列表
什么是江湖?
04-03 7249
1. 基本的列表 安装完样例，服务启动之后，我们开始了解下基本的列表。 访问地址：http://localhost:80/ibmcognos/cgi-bin/cognos.cgi 右上角有一个“启动”菜单，选中下面的ReportStudio 接下来的界面，我们要选择一个数据源 我们选择“公共文件夹”->“示样”->“模型”->“GO 数据仓库 (查询)”
ReportStudio入门教程(三十) - 交叉表
什么是江湖?
04-16 5049
我们前面的例子都是使用列表，
ReportStudio入门教程(零) - 序
什么是江湖?
04-01 4849
之前写的Cognos安装，实在是太敷衍，太水了，害了大家呀，最近看了下官方的文档，上面都有的...... 为了方便可能会使用Cognos自带的样例，安装的话，在安装了CognosServer和Framework Manager之后， 1.需要配置一下Apache Http Server(官网：http://httpd.apache.org/) 下载一个安装就行； 2.修改配置文件:
el-table 复杂表头如何左右固定中间滑动
最新发布
05-26
el-table 的固定列和滑动功能是通过设置 `fixed` 属性和 `scroll` 属性来实现的。 对于复杂表头，可以通过设置 `column-span` 属性来合并单元格，从而实现跨行或跨列的表头布局。同时，需要注意设置固定列时需要将对应的表头列也设置为固定。 以下是一个示例代码，展示了如何实现复杂表头的左右固定中间滑动功能： ```html <template> <el-table :data="tableData" style="width: 100%;" :column-key="columnKey" :height="tableHeight" :header-cell-style="{padding: '12px 0'}" :row-style="{height: '50px'}" :fixed="fixedColumns" :scroll="{ x: tableWidth, y: tableHeight }" > <el-table-column prop="name" label="姓名" width="150" fixed ></el-table-column> <el-table-column prop="age" label="年龄" width="150" fixed ></el-table-column> <el-table-column label="基本信息" :column-key="'basic'" :align="'center'" :width="basicWidth" :fixed="fixedColumns" > <el-table-column prop="gender" label="性别" :column-span="2" :align="'center'" ></el-table-column> <el-table-column prop="birthday" label="生日" :column-span="2" :align="'center'" ></el-table-column> </el-table-column> <el-table-column label="联系方式" :column-key="'contact'" :align="'center'" :width="contactWidth" :fixed="fixedColumns" > <el-table-column prop="phone" label="电话" :column-span="2" :align="'center'" ></el-table-column> <el-table-column prop="email" label="邮箱" ></el-table-column> </el-table-column> </el-table> </template> <script> export default { data() { return { tableData: [ { name: '张三', age: 18, gender: '男', birthday: '2000-01-01', phone: '12345678901', email: 'zhangsan@example.com' }, { name: '李四', age: 20, gender: '女', birthday: '1998-01-01', phone: '12345678902', email: 'lisi@example.com' } // ... ], columnKey: 'name', fixedColumns: 'left', // 左侧固定列 tableWidth: 700, // 表格总宽度 basicWidth: 300, // 基本信息列宽度 contactWidth: 400, // 联系方式列宽度 tableHeight: 400 // 表格高度 } } } </script> ``` 在上述代码中，我们设置了一个复杂表头，其中包含了四个表头列，使用 `column-span` 属性实现了跨行和跨列的合并布局。我们同时设置了两个左侧固定列，即姓名和年龄列，以及两个中间滑动的列，即基本信息和联系方式列。 为了实现固定列和滑动功能，我们在 `el-table-column` 组件中设置了 `fixed` 属性和 `scroll` 属性。其中，`fixed` 属性用于指定该列是否固定，可以设置为 `left`、`right` 或 `true`（表示左右都固定）；`scroll` 属性用于指定表格的滚动区域大小，其中 `x` 属性表示横向滚动区域的宽度，`y` 属性表示纵向滚动区域的高度。 最后，我们需要设置表格的总宽度和高度，以及每个列的宽度。需要注意的是，在设置列宽度时，需要考虑到表头的合并布局。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值