1. 概述
1.1 應用場景
當資料表中包含多個欄位,這些欄位的資料都要顯示在報表中,如果將所有資料顯示在報表的一行上,看起來會很擁擠。這個時候就可以將報表做成自由報表,提高報表展示的美觀度和可讀性。
1.2 功能簡介
自由報表的特點是資料庫表中的一條記錄不分佈在同一行上,而是將資料散放在多行上,記錄分塊或者分頁顯示。
例如:將每個訂單的資料在同一個表格塊中進行多行展示,並對不同的訂單所在的表格塊進行縱向擴展。如下圖所示:
2. 範例
2.1 資料準備
建立資料集 ds1,資料庫查詢對話框中寫入 SQL 查詢語句 SELECT * FROM 訂單,提取「訂單」表中所有資料。如下圖所示:
2.2 報表設計
1)按照如下表格中的說明設計,對「訂單統計表」進行樣式設定:
儲存格 | 操作 |
---|---|
A1~D2 | 合併 A1~D2 儲存格,寫入標題「訂單統計表」,字號 12 ,字體置中,粗體 |
A3,A4,C4,A5,C5,A6,A7,C7 | 依次寫入欄位標題名:訂單編號,訂單日期,發貨日期,客戶編號,客戶名稱,位址,到貨日期,應付金額。字體靠左 |
B3~D3,B4,D4,B5,D5,B6~D6,B7,D7 | 合併 B3~D3 儲存格,合併 B6~D6 ,對空白儲存格新增黑色的外部底框,字體靠左 |
給儲存格新增黑色的外部底框的方法如下圖所示:
注:不同的瀏覽器因為模式不同可能導致下邊框顯示效果不同。
火狐瀏覽器、360,獵豹和搜狗等瀏覽器在相容模式下預覽正常。
谷歌、360,獵豹,搜狗等瀏覽器在極速模式下預覽時,「客戶名稱」欄位下會出現下邊框。
設計好的「訂單統計表」樣式,如下圖所示:
2)將資料集中的相關資料列按照標題欄位依次拖入到 B3,B4,B5,B6,B7,D4,D5,D7 儲存格中,如下圖所示:
3)分別選中 B4,D4,B7 儲存格,右邊屬性面板選擇「儲存格元素>進階>格式」,設定格式為「日期型 > yyyy-MM-dd」。如下圖所示:
4)選中 D7 儲存格,右邊屬性面板選擇「儲存格元素>進階>格式」,設定儲存格格式為「數字 > #0.00」,保留數值小數點後兩位。如下圖所示:
2.3 設定父子格
選中 A1,A3,A4~D7 儲存格,右邊屬性面板選擇「儲存格屬性>擴展」,擴展方向選擇「縱向擴展」,左父格設定為 B3 儲存格,如下圖所示:
2.3 效果預覽
2.3.1 PC 端
儲存報表,點選分頁預覽,效果如本文 1.2 節所示。
2.3.2 行動端
App 與 HTML5 端效果相同,如下圖所示:
行動端查看報表的方式請參見: 報表行動端預覽
3. 範例拓展
3.1 分頁設定
在實際應用中若希望一個訂單顯示為一頁,可選擇第 7 行,選擇「儲存格屬性>其他」,勾選「列後分頁」即可,如下圖所示:
3.2 效果預覽
3.3.1 PC 端
儲存報表,點選分頁預覽,效果如下圖所示:
3.3.2 行動端
App 與 HTML5 端效果相同,如下圖所示:
行動端查看報表的方式請參見: 報表行動端預覽
4. 已完成範本
點選下載範本:自由報表.cpt