# 設定直式表格的樣式 有多種樣式屬性可用於自訂直式表格的外觀和質感。樣式有助於反映您組織的調色盤、輔助分析並提高可讀性。 如需關於調整其他直式表格外觀層面的資訊，請參閱 [自訂直式表格外觀和導覽](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-appearance.htm)。 如需關於設定個別視覺化樣式的一般資訊，請參閱 [將自訂樣式套用至視覺化](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/style-visualization.htm)。 ## 設定文字樣式 直式表格是基於文字的視覺化，因此文字可以採用多種不同方式設定樣式： * [圖表層級文字樣式](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#ChartText) * [欄層級和儲存格層級文字樣式](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#ColLevel) * [列層級文字樣式](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#RowText) ### 圖表層級文字樣式 請執行下列動作： 1. 在屬性面板中，展開外觀區段。 2. 在外觀 > 呈現之下，按一下 the 樣式 icon。 3. 在一般索引標籤，設定下列文字元素的字型、強調樣式、字型大小和色彩： * 標題 * 副標題 * 註腳 4. 在圖表索引標籤，設定下列文字元素的字型、強調樣式、字型大小和色彩： * 標頭：設定維度和量值的標頭文字樣式。 * 維度值：設定維度值文字的樣式。 * 量值：設定量值的文字樣式。 * 總計：如果您已在外觀 > 呈現之下選取顯示總計列，則請設定總計文字的樣式。 * 小計：設定小計列文字的樣式。 * 維度 Null 值 (請參閱 [自訂 null 值](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#Nulls)) * 度量 Null 值 (請參閱 [自訂 null 值](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#Nulls)) * 斑馬條紋：啟用此設定後，您可以設定列的交替文字顏色。請參閱 [套用斑馬條紋](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#ZebraStripes)。 ### 欄層級和儲存格層級文字樣式 #### 文字強調 您可以使用運算式，以定義如何設定每欄文字的樣式。若您透過運算式設定欄文字的樣式，此運算式會對該欄覆寫應用程式佈景主題，以及套用至視覺化的任何自訂樣式。 您可以在運算式中使用下列語法，以定義樣式 (標記中的字母不區分大小寫)： * ``：粗體 * ``：斜體 * ``：底線 * ``：刪除線 一次可套用以上多個選項。 範例： if(avg(Sales) > 300, '<B>') if(count(OrderID) = 0, '<S>') if(sum(Sales) > 100000, '<B><U>', '<I>') 請執行下列動作： 1. 在資料之下，選取欄並開啟屬性中的呈現。 2. 在文字樣式運算式之下，輸入運算式。按一下 the 開啟運算式編輯器 icon 可開啟運算式編輯器。 #### 文字色彩 您可以變更各個欄的文字色彩。您可以變更欄標頭和內容儲存格中的文字顏色。 請執行下列動作： 1. 在資料之下，選取欄並開啟屬性中的呈現。 2. 若要為標頭儲存格文字著色，請在 標頭 下的 文字顏色運算式 下方輸入運算式。按一下 the 開啟運算式編輯器 icon 可開啟運算式編輯器。 3. 若要為內容儲存格文字著色，請在 內容 下的 文字顏色運算式 下方輸入運算式。按一下 the 開啟運算式編輯器 icon 可開啟運算式編輯器。 #### 文字對齊和欄寬 請執行下列動作： 1. 在資料之下，選取欄並開啟屬性中的呈現。 2. 使用滑桿選取文字對齊的選項。使用自訂文字對齊，您可以選取靠左對齊、置中對齊或靠右對齊。 資訊備註如果文字對齊設為自動，則會根據資料類型對齊資料行資料：文字值會靠左對齊，包含資料相關值的數值則靠右對齊。如果設為自訂，可以將資料靠左、置中或靠右對齊。 3. 選取欄寬。您可以選取以下選項之一： * 自動 * 配合內容 * 像素 * 百分比 ### 列層級文字樣式 列層級設定可用於設定文字樣式： * [套用斑馬條紋](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#ZebraStripes) * [自訂暫留行為](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#Customiz) ## 自訂背景 可在多種層級設定背景樣式： * [圖表層級背景樣式](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#ChartBckgrd) * [欄層級和儲存格層級背景樣式](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#ColBckgrd) * [列層級背景樣式](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#RowBckgrd) ### 圖表層級背景樣式 您可以自訂圖表的背景。可依色彩和影像設定背景。 請執行下列動作： 1. 在屬性面板中，展開外觀區段。 2. 在外觀 > 呈現之下，按一下 the 樣式 icon。 3. 在樣式面板的一般索引標籤，您可以選取背景色彩 (單一色彩或運算式)。您也可以從媒體庫或 URL 將背景設定為影像。 資訊備註 若要從 URL 新增背景影像，需要將該 URL 的來源新增至租用戶的內容安全性政策的允許清單中。新增來源時必須透過以下指令：img-src。這由租用戶管理員進行。 如需詳細資訊，請參閱 [建立 CSP 輸入項目](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-administer-content-security-policy.htm#AddEntry)。 使用背景色彩時，使用滑桿調整背景的不透明度。圖表標頭一律以 100% 不透明度顯示。 使用背景影像時，您可以調整影像大小和位置。 4. 在圖表索引標籤，自訂下列元素的背景色彩： * 標頭 (使用 100% 不透明度) * 維度值 * 量值的值 * 量值標籤 * 總計 (使用 100% 不透明度) * 小計 (使用 100% 不透明度) * 維度 Null 值 (請參閱 [自訂 null 值](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#Nulls)) * 度量 Null 值 (請參閱 [自訂 null 值](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#Nulls)) * 斑馬條紋 (請參閱 [套用斑馬條紋](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#ZebraStripes)) ### 欄層級和儲存格層級背景樣式 您可以使用運算式來定義每個欄的標頭和內容儲存格的背景色彩。如果您使用運算式設定欄的背景樣式，此運算式將會覆寫該欄的應用程式佈景主題，以及套用至視覺化效果的任何自訂樣式。 如果您尚未設定文字色彩，文字將會自動成為您所選背景色彩的高對比色彩 請執行下列動作： 1. 在資料之下，選取欄並開啟屬性中的呈現。 2. 若要為欄的標頭儲存格背景著色，請在 標頭 下方的 背景色彩運算式 中輸入運算式。按一下 the 開啟運算式編輯器 icon 可開啟運算式編輯器。 3. 若要為欄的內容儲存格背景著色，請在 內容 下方的 背景色彩運算式 中輸入運算式。按一下 the 開啟運算式編輯器 icon 可開啟運算式編輯器。 ### 列層級背景樣式 列層級設定可用於定義背景色彩： * [套用斑馬條紋](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#ZebraStripes) * [自訂暫留行為](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-style.htm#Customiz) ## 自訂 null 值 您可以變更 Null 值在直表中的呈現方式。 您可以變更 Null 值對維度和量值的呈現方式。輸入靜態文字以取代每個項目的 Null 值。當您為度量 Null 值文字輸入數值時，系統會將其解讀為數字而非文字。這讓您可以用實際值 (例如 0) 填補缺少的計算。維度 Null 值文字一律會被解譯為文字。 針對 Null 表格儲存格，Null 值樣式會覆寫在列、欄及儲存格層級所設定的任何其他樣式。 請執行下列動作： 1. 在屬性面板中按一下外觀 > 呈現。 2. 在外觀 > 呈現之下，按一下 the 樣式 icon 。 3. 開啟樣式設定面板的圖表索引標籤。 4. 在 維度 Null 值 與 度量 Null 值 區段中，您可以調整下列項目： * 強調樣式、文字顏色與背景顏色。 * Null 值文字：輸入您想要用來取代 Null 值的文字。 資訊備註如果使用設為 0 的 Null 值文字來顯示度量 Null 值，該值會被視為數值，並繼承為度量值設定的樣式與背景色彩。這不適用於維度 null 值，這些值一律視為文字。 ## 自訂格線 您可以自訂表格格線。 請執行下列動作： 1. 在屬性面板中，展開外觀區段。 2. 在外觀 > 呈現之下，按一下 the 樣式 icon 。 3. 在圖表索引標籤，以下列元素自訂格線： * 列高度：以線條設定列的高度。 * 框線：設定儲存格框線的色彩。 * 分隔線：設定分隔表格標頭和內文的分隔線色彩。 ## 自訂暫留行為 您可以設定使用者將游標暫留在表格列上方時的顯示選項。 請執行下列動作： 1. 在屬性面板中，展開外觀區段。 2. 在外觀 > 呈現之下，按一下 the 樣式 icon 。 3. 在樣式面板的圖表索引標籤上，於列暫留之下，調整下列設定： * 若要在使用者將游標暫留在列上方時醒目提示表格中的列，請將切換開關設定為開啟。根據偏好將行為切換為關閉。 * 列暫留色彩：設定使用者將游標暫留在列上方時用來醒目提示該列的色彩。 * 列暫留字型色彩：設定使用者將游標暫留在醒目提示的列上方時該列的文字色彩。 ### 自訂框線和陰影 您可以自訂圖表的框線和陰影。 請執行下列動作： 1. 在屬性面板中，展開外觀區段。 2. 在外觀 > 呈現之下，按一下 the 樣式 icon。 3. 在樣式面板的一般索引標籤，於框線 之下，調整外框大小，以增加或減少圖表周圍的框線。 4. 選取框線色彩。 5. 調整圓角半徑以控制框線的圓度。 6. 在一般索引標籤的陰影之下，選取陰影大小和色彩。選取無以移除陰影。 ## 套用斑馬條紋 透過斑馬條紋，您可以將交替色彩的列新增至直式表格。斑馬條紋增加奇數列和偶數列之間的對比度，藉此提高可讀性。 您可以設定奇數列和偶數列的文字和背景顏色。 [Zebra stripes](https://play.vidyard.com/TdruWyqDrG9nqXj7VTnHL4) 請執行下列動作： 1. 在屬性面板中，展開外觀區段。 2. 在外觀 > 呈現之下，按一下 the 樣式 icon。 3. 在樣式面板的圖表索引標籤上，將斑馬條紋設為開啟。 4. 調整下列設定： * 顏色 (奇數列)：設定奇數列的文字顏色。 * 背景 (奇數列)：設定奇數列的背景顏色。 * 顏色 (偶數列)：設定偶數列的文字顏色。 * 背景 (偶數列)：設定偶數列的背景顏色。