自由報表

1.1 應用場景

當資料表中包含多個欄位，這些欄位的資料都要顯示在報表中，如果將所有資料顯示在報表的一行上，看起來會很擁擠。這個時候就可以將報表做成自由報表，提高報表展示的美觀度和可讀性。

1.2 功能簡介

自由報表的特點是資料庫表中的一條記錄不分佈在同一行上，而是將資料散放在多行上，記錄分塊或者分頁顯示。

例如：將每個訂單的資料在同一個表格塊中進行多行展示，並對不同的訂單所在的表格塊進行縱向擴展。如下圖所示：

2.1 資料準備

建立資料集 ds1，資料庫查詢對話框中寫入 SQL 查詢語句 SELECT * FROM 訂單，提取「訂單」表中所有資料。如下圖所示：

2.2 報表設計

1）按照如下表格中的說明設計，對「訂單統計表」進行樣式設定：

給儲存格新增黑色的外部底框的方法如下圖所示：

注：不同的瀏覽器因為模式不同可能導致下邊框顯示效果不同。

      火狐瀏覽器、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.1 分頁設定

在實際應用中若希望一個訂單顯示為一頁，可選擇第 7 行，選擇「儲存格屬性>其他」，勾選「列後分頁」即可，如下圖所示：

3.2 效果預覽

3.3.1 PC 端

儲存報表，點選分頁預覽，效果如下圖所示：

3.3.2 行動端

App 與 HTML5 端效果相同，如下圖所示：

行動端查看報表的方式請參見： 報表行動端預覽

點選下載範本：自由報表.cpt