其他样式报表–层高不等多层表头
概述
层高不等多层表头：层高不等的多层表头报表。
应用场景
如下图所示，简单展示数据
示例说明
数据准备
在数据面板中添加数据集，可选择Json数据集和Http接口数据集，Json数据如下图所示：
[{"CustomerID":"HUNGC","CompanyName":"五金机械","ContactName":"苏先生","ContactTitle":"销售代表","Address":"德昌路甲 29 号","City":"大连","Region":"东北","PostalCode":"564576","Country":"中国","Phone":"(053) 5556874","Fax":"(053) 5552376"},
{"CustomerID":"CENTC","CompanyName":"三捷实业","ContactName":"王先生","ContactTitle":"市场经理","Address":"英雄山路 84 号","City":"大连","Region":"东北","PostalCode":"130083","Country":"中国","Phone":"(061) 15553392","Fax":"(061) 15557293"},
{"CustomerID":"CACTU","CompanyName":"威航货运有限公司","ContactName":"刘先生","ContactTitle":"销售代理","Address":"经七纬二路 13 号","City":"大连","Region":"东北","PostalCode":"120412","Country":"中国","Phone":"(061) 11355555","Fax":"(061) 11354892"},
{"CustomerID":"BLONP","CompanyName":"国皓","ContactName":"黄雅玲","ContactTitle":"市场经理","Address":"广发北路 10 号","City":"大连","Region":"东北","PostalCode":"565479","Country":"中国","Phone":"(0671) 88601531","Fax":"(0671) 88601532"},
{"CustomerID":"MEREP","CompanyName":"华科","ContactName":"吴小姐","ContactTitle":"市场助理","Address":"和光北路 952 号","City":"大连","Region":"东北","PostalCode":"280235","Country":"中国","Phone":"(0514) 5558054","Fax":"(0514) 5558055"},
{"CustomerID":"GREAL","CompanyName":"仪和贸易","ContactName":"王先生","ContactTitle":"市场经理","Address":"经三纬四路 18 号","City":"北京","Region":"华北","PostalCode":"120475","Country":"中国","Phone":"(010) 65557555"}]
报表设计
将数据单元格拖入A4-I4单元格，并设置为分组(不合并单元格)以及向下扩展。
选中B3-E4单元格，在上方工具栏-表格设置-显示效果中选中自动换行。
效果预览
层高不等多层表头.json
https://www.yuque.com/attachments/yuque/0/2023/json/25420404/1700558791783-9c57cff9-8e48-466a-81ab-61c20b2d637b.json
参考文档
- 小智报表样例源码下载
- https://gitee.com/tizdata_admin/vue-xzreport-example.git
- 小智报表demo体验
- https://xzdemo.tizdata.com/#/imbedShow/reportExample
- 丰富的报表模板示例
- 小智报表在线试用
- https://xzreport.com
- 小智报表js sdk下载
- https://tizdata.com/xzdownload/
- 开发使用文档
- https://doc.tizdata.com/xiaozhi/650