# 设定写入表的样式

有许多样式属性可用于自定义写入表的观感。样式设计有助于反映组织的色调、协助分析并提高可读性。

有关调整写入表外观其他方面的信息，请参阅[自定义注释表的外观](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/WriteTable/Create/appearance.htm)。

有关设置单个可视化样式的常规信息，请参阅[将自定义样式应用于可视化](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/style-visualization.htm)。

信息注释此信息中的大部分不适用于写入表中的可编辑列。有关自定义可编辑列的信息，请参阅单独的[设置可编辑列的样式](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/WriteTable/Create/style.htm#StyleEditable)和[配置可编辑列](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/WriteTable/Create/editable-column.htm#ConfigureEditable)部分。

## 设置文本样式

写入表是一种基于文本的可视化，因此文本可以用多种不同的方式设置样式：

* [图表级文本样式设定](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/WriteTable/Create/style.htm#ChartText)

* [列级别和单元级别文本样式](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/WriteTable/Create/style.htm#ColLevel)

* [行级文本样式设定](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/WriteTable/Create/style.htm#RowText)

### 图表级文本样式设定

执行以下操作：

1. 在属性面板中，展开外观部分。

2. 在外观 > 展示下，单击 the 样式 icon。

3. 在常规选项卡上，设置以下文本元素的字体、强调样式、字体大小和颜色：

   * 标题

   * 副标题

   * 脚注

4. 在图表选项卡上，设置以下文本元素的字体、强调样式、字体大小和颜色：

   * 标题：为维度和度量设置标题的文本样式。

   * 维度值：设置维度值文本的样式。

   * 度量值：设置度量值的文本样式。

   * 总计：如果您已选择在外观 > 演示下显示总计行，请设置总计的文本样式。

   * null 值：设置 null 值的文本样式。您可以更改强调样式和颜色。

### 列级别和单元级别文本样式

#### 文字强调

您可以使用表达式定义如何设置每列中的文本样式。如果使用表达式设置列文本的样式，则此表达式将覆盖该列的应用程序主题以及应用于可视化的任何自定义样式设定。

您可以在表达式中使用以下语法来定义样式设定（标签中的字母不区分大小写）：

* `<B>`：加粗

* `<I>`：斜体

* `<U>`：带下划线

* `<S>`：带贯穿线

一次可以应用多个以上选项。

示例：

if(avg(Sales) &gt; 300, '&lt;B&gt;')

if(count(OrderID) = 0, '&lt;S&gt;')

if(sum(Sales) &gt; 100000, '&lt;B&gt;&lt;U&gt;', '&lt;I&gt;')

执行以下操作：

1. 在数据下，选择一个列，然后展开属性中的演示。

2. 在文字样式表达式下，输入表达式。单击 the 打开表达式编辑器 icon 以打开表达式编辑器。

#### 文本颜色

您可以更改各列的文字颜色。您可以更改列标题和内容单元格中的文本颜色。

执行以下操作：

1. 在数据下，选择一个列，然后展开属性中的演示。

2. 要为标题单元格文本着色，请在标题下的文本颜色表达式下输入表达式。单击 the 打开表达式编辑器 icon 以打开表达式编辑器。

3. 要为内容单元格文本着色，请在内容下的文本颜色表达式下输入表达式。单击 the 打开表达式编辑器 icon 以打开表达式编辑器。

#### 文本对齐和列宽

执行以下操作：

1. 在数据下，选择一个列，然后展开属性中的演示。

2. 使用滑块选择文本对齐的选项。对于自定义文本对齐方式，您可以选择左对齐、居中对齐或右对齐。

   信息注释如果文本对齐设置为自动，则列数据会根据数据类型对齐：文本值为左对齐，数值（包括日期相关值）为右对齐。如果将其设置为自定义，则可以靠左、居中或靠右对齐数据。

3. 进行列宽选择。您可以选择以下选项之一：

* 自动

* 适配内容

* 像素

* 百分比

### 行级文本样式设定

行级设置可用于设置文本样式：

* [自定义悬停行为](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/WriteTable/Create/style.htm#Customiz)

## 自定义背景

背景可在不同层次上进行样式的调整：

* [图表级背景样式设定](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/WriteTable/Create/style.htm#ChartBckgrd)

* [列级别和单元级别背景样式](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/WriteTable/Create/style.htm#ColBckgrd)

* [行级背景样式设定](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/WriteTable/Create/style.htm#RowBckgrd)

### 图表级背景样式设定

可以自定义图表的背景。可以通过颜色和图像来设置背景。

执行以下操作：

1. 在属性面板中，展开外观部分。

2. 在外观 &gt; 展示下，单击 the 样式 icon。

3. 在样式面板的一般选项卡上，您可以选择背景颜色（单色或表达式）。您也可将背景设置为媒体库或 URL 中的图像。

   信息注释

   要从 URL 添加背景图像，需要将 URL 的来源添加到租户的内容安全策略中的允许列表中。源必须使用以下 指令： img-src。这是由租户管理员完成的。

   有关更多信息，请参阅[创建 CSP 条目](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-administer-content-security-policy.htm#AddEntry)。

   使用背景色时，请使用滑块调整背景的不透明度。图表标题始终以 100% 不透明度显示。

   使用背景图像时，可以调整图像大小和位置。

4. 在图表选项卡上，自定义以下元素的背景色：

   * 标题（使用了 100% 不透明度）

   * 维度值

   * 度量值

   * 度量标签

   * 总计（使用了 100% 不透明度）

   * 空值

### 列级别和单元级别背景样式

您可以使用表达式定义每列的背景颜色。如果使用表达式设置列背景的样式，则此表达式将覆盖该列的应用程序主题以及应用于可视化的任何自定义样式设定。

执行以下操作：

1. 在数据下，选择一个列，然后展开属性中的演示。

2. 在背景样式表达式下，输入表达式。单击 the Open expression editor icon 以打开表达式编辑器。

### 行级背景样式设定

行级设置可用于定义背景颜色：

* [自定义悬停行为](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/WriteTable/Create/style.htm#Customiz)

## 自定义网格

您可以自定义表网格。

执行以下操作：

1. 在属性面板中，展开外观部分。

2. 在外观 &gt; 展示下，单击 the 样式 icon。

3. 在图表选项卡上，用以下元素自定义网格：

   * 行高度：设置行的高度。

   * 边框：设置单元格边框的颜色。

   * 分隔符：设置分隔表头和表体的分隔符的颜色。

## 自定义悬停行为

用户将鼠标悬停在表中的某行上方时，可以设置显示选项。

执行以下操作：

1. 在属性面板中，展开外观部分。

2. 在外观 &gt; 展示下，单击 the 样式 icon。

3. 在样式设置面板的图表选项卡上的行悬停下，调整以下设置：

   * 若要在用户悬停在表中的行上时高亮显示这些行，请将开关设置为打开。根据偏好关闭行为。

   * 行悬停颜色：设置颜色以在用户悬停在行上时高亮显示该行。

   * 行悬停字体颜色：当用户悬停在高亮显示的行上时，设置该行中文本的颜色。

### 自定义边框和阴影

您可以自定义图表的边框和阴影。

执行以下操作：

1. 在属性面板中，展开外观部分。

2. 在外观 &gt; 展示下，单击 the 样式 icon。

3. 在样式面板的常规选项卡上的边框下，调整轮廓大小以增加或减少图表周围的边框线。

4. 选择边框的颜色。

5. 调整拐角半径以控制边框的圆度。

6. 在常规选项卡的阴影下，选择阴影大小和颜色。选择无以移除阴影。

## 设置可编辑列的样式

您可以在写入表中设置可编辑列的样式。

执行以下操作：

1. 在属性面板中，展开外观部分。

2. 在外观 &gt; 展示下，单击 the 样式 icon 。

3. 在样式设置面板的图表选项卡上，在可编辑列值下，调整以下设置：

   * 选择字体、字体强调、文本大小和文本颜色。

   * 背景：设置可编辑列单元格的背景颜色。

   * 输入字段：设置文本输入区域的背景颜色。

   * 悬停颜色：设置用户将光标悬停在单元格上时单元格外部的颜色。