>交叉报表是指:提取数据并将其变换成列名称,从而使数据能够用交叉的方式进行数据展示。是行、列方向都有分组的报表。 [TOC] ## **展示效果** ![](https://img.kancloud.cn/69/37/6937815685a87209ebca7dda7eb383c1_1725x845.png) 预览地址:[https://bootapi.jeecg.com/jmreport/view/1354358750907076608](https://bootapi.jeecg.com/jmreport/view/1354358750907076608) ![](https://img.kancloud.cn/d4/83/d4837a537cc3c06ea8024ac04e2f3735_756x31.png) ## **设计步骤** ### 1、创建一个名为`各地区商品销售额一览表`的数据报表 >写一个接口,字段有`地区`、 `商品类别`、`年`、`月`、`销售额` ``` { "data": [ { "diqu": "华北", "class": "饮料", "year": "2020", "mouth": "1月", "sales": "840.15" } ] } ``` 详细接口返回数据见此接口:http://api.jeecg.com/mock/26/xiaoshou1 #### 1 为`各地区商品销售额一览表`创建API数据源 ![](https://img.kancloud.cn/09/dd/09dd2f13de922e6f626971aabc42edff_1908x905.png) #### 1.2 将字段拖拽到设计器页面 ![](https://img.kancloud.cn/66/87/6687ab1a4f35b859dcecc60c3337a55d_1906x900.png) #### 1.3 重点来了->为单元格设置`斜线表头` >点击需要设置斜线表头的单元格,点击`单元格斜线`小图标 ![](https://img.kancloud.cn/9e/0c/9e0c731b99b28417253ef3e58128c305_1339x905.png) >添加内容:进入内容设置界面,如图1.31;输入交叉格内显示内容,选择交叉方向(从左上角作为起点划线、从左下角作为起点划线),点击“确定”按钮,即可完成内容添加; ![](https://img.kancloud.cn/a7/43/a743cec9b05e73cfea655c785e972f5f_506x280.png) :-: 图1.31 * 从左上角作为起点划线:样式如图1.32; * 从左下角作为起点划线:样式如图1.33; ![](https://img.kancloud.cn/3c/cf/3ccf2e2a61c2e901016c2f3e127c3736_594x237.png) >设置完`单元格斜线`的样式如下 ![](https://img.kancloud.cn/49/37/4937240df6131bfe5b0cf6489bf5e810_968x828.png) #### 1.4 取消交叉报表 选中交叉报表单元格,点击顶部导航栏的![](https://img.kancloud.cn/fb/6b/fb6b7fcf8d0defeb7b45ec5dbf33c906_32x26.png)按钮,进入交叉报表编辑界面,如图1.41;清空1.41输入框中内容,点击“确定”按钮,就可以完成交叉报表样式取消; ![](https://img.kancloud.cn/51/1e/511ea0038ae8f7ccba1b1249e1d6a86f_996x354.png) :-: 图1.41 ![](https://img.kancloud.cn/d4/83/d4837a537cc3c06ea8024ac04e2f3735_756x31.png) ## **特别注意** >单元格样式如果设置了“下划线”、“删除线”、“水平对齐”、“垂直对齐”,在添加斜线后,样式就没有了;所以如果你的单元格有以上四种样式,先去掉,再设置,这样会保留你想要的样式; ![](https://img.kancloud.cn/f8/a3/f8a348139aa2376113ac025977acb3f0_696x119.png) ![](https://img.kancloud.cn/67/d3/67d3951fc05c9d8c886a33b660f224f0_902x654.png)