工作流活动

上次更新日期 2026年4月16日

滚动浏览数据网格

当您创建包含超过 12 个“文本字段”组件的“数据网格”时，数据网格会变得太紧，无法显示内容。本教程演示如何滚动数据网格，并使其中的组件更宽，从而增强内容的可读性。

转到要添加数据网格的表单的“属性”面板。
在“自定义 CSS”字段中，输入以下 CSS 类：
```
.my-data-grid
{
   overflow-x: scroll;
}
 
 
.my-data-grid-input 
{
   min-width: 6000px;
}
.my-data-grid
{
   overflow-x: scroll;
}
 
 
.my-data-grid-input 
{
   min-width: 6000px;
}
```
overflow-x: scroll属性可用于在“数据网格”中滚动。属性min-width: 300px可放大数据网格中的文本字段，以显示其中的内容。
将一个数据网格组件添加到表单中。
在“显示”选项卡中，向“自定义 CSS 类” 字段添加自定义 CSS 类。添加两个类，并在它们之间使用一个空格。

下图显示了包含 12 个文本字段的数据网格。

现在，应用自定义 CSS 后，您可以将其与下面的数据网格进行比较。

文档图像

前一个在表单中显示图像

下一个将开发者工具与表单一起使用