滚动浏览数据网格

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

1. 转到要添加数据网格的表单的“属性”面板。

2. 在“自定义 CSS”字段中，输入以下 CSS 类：

   .my-data-grid
   {
      overflow-x: scroll;
   }
    
    
   .my-data-grid-input 
   {
      min-width: 6000px;
   }
   

   overflow-x: scroll属性可用于在“数据网格”中滚动。属性min-width: 300px可放大数据网格中的文本字段，以显示其中的内容。

   

3. 将一个数据网格组件添加到表单中。

4. 在“显示”选项卡中，向“自定义 CSS 类” 字段添加自定义 CSS 类。添加两个类，并在它们之间使用一个空格。

   

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

   

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