表格列寬調整

1.1 版本

1.2 應用場景

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

1.3 功能簡介

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

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

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

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

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

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

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

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

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

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

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

4.1 調整欄位寬度

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

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

4.2 調整凍結列

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

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

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

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

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

• 調整凍結列的欄位

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

• 調整凍結列

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