表格欄寬調整

1.1 版本

1.2 應用場景

表格組件初始寬度即表格每個儲存格初始載入時的寬度。如果對初始寬度不滿意可以透過設定欄寬等分，或進行手動調整。

1.3 功能簡介

分組表、交叉表、明細表均支援欄寬等分功能，欄寬等分後，各欄根據規則寬度相等且不受翻頁等操作的影響。

相等欄寬是根據表格展示的欄位寬度及欄數等相關數值計算出欄寬大小，在頁面大小變化時，會進行自適應調整介面。

注1：在儀表板預覽介面下的操作不會改變表格的原始情況，重新整理瀏覽器就會恢復初始狀態。

注2：序號寬度是固定的不參與表格欄寬等分。

可在三個地方設定：組件編輯介面、儀表板編輯介面、儀表板預覽介面。

1）組件編輯介面。表格組件欄寬等分入口如下圖所示：

2）儀表板編輯介面。表格組件欄寬等分入口如下圖所示：

3）儀表板預覽介面。表格組件欄寬等分入口如下圖所示：

在製作完一個表格組件後，設定欄寬等分，發現欄寬等分效果並不理想，期望取消欄寬等分。

點選「欄寬等分」的按鈕，則恢復初始欄寬。如下圖所示：

注：手動調整欄寬後，也會自動取消欄寬等分。

4.1 調整欄位寬度

支援在表頭手動調整欄寬，同時也支援左右滑動調整最後一欄的寬度。

透過將滑鼠行動到需要調整寬度欄的右邊線或左邊線處，待滑鼠形狀變樣式時，按住滑鼠左右拖動改變欄寬，如下圖所示：

4.2 調整凍結欄

在表格組件中，可設定「凍結表格維度」，將表格分割槽展示，在兩個區域中間的位置可左右調整，為凍結欄。

例如分組表的凍結欄位置，左右拖動即可調整凍結欄。如下圖所示：

注 1：凍結欄不包括表頭部分。

注 2：調整凍結欄後，若設定了欄寬等分，則會取消欄寬等分，恢復初始寬度。

4.3 凍結欄的欄位調整和凍結欄的調整的差異

• 調整凍結欄的欄位

調整凍結欄的欄位，向右拖動，不會影響凍結欄位置，會擴展凍結欄欄位寬度；向左拖動，會整體縮減凍結欄和凍結欄欄位。如下圖所示：

• 調整凍結欄

如果向右拖動凍結欄，則凍結欄欄位會跟着變寬；向左拖動凍結欄，則不會影響欄位寬度，會出現捲軸。如下圖所示：