滚动浏览数据网格

当您创建包含 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 后，将其与下面的 数据网格 进行比较。