Css 如何在响应Syncfusion的MVC网格中启用滚动

我在MVC应用程序中创建了一个带有Syncfusion的网格，并通过导入ej.grid.responsive.css实现了响应。但是当它以移动分辨率渲染时，滚动条不可见，并且我无法看到其他列，因为没有显示滚动条。 如何在Syncfusion MVC网格中启用该滚动条

<div class="box-body">
   @(Html.EJ().Grid<ServiceRepairInspectionViewModel>("SriGrid")
      .Datasource(ds => ds.URL(@Url.Action("GetActive", "ServiceRepairInspection")).Adaptor(AdaptorType.UrlAdaptor))
                      .AllowPaging()
                      .IsResponsive(true)
                      .EnableResponsiveRow(true)
                      .AllowScrolling(true)
                      .ScrollSettings(scroll => {                           scroll.EnableTouchScroll(true); })
                      .Columns(col =>
                      {
                          col.Field(p => p.Id).Visible(false).IsPrimaryKey(true).Add();
                          col.Field(p => p.SriName).HeaderText("Id").AllowFiltering(true).Add();
                          col.Field(p => p.CustomerFirstName).HeaderText("Name").AllowFiltering(true).FilterType(FilterOption.Menu).Add();
                          col.Field(p => p.JobDescription).HeaderText("Job Description ").ForeignKeyField("Value").ForeignKeyValue("Text").DataSource(EnumHelper.GetSelectList(typeof (EnumJobDescription))).AllowSorting(true).Add();
                          col.Field(p => p.Status).HeaderText("Status").Template("#statusTemplate").AllowSorting(true).Add();

                      }))
            </div>

@（Html.EJ（）.Grid（“SriGrid”）
.Datasource（ds=>ds.URL（@URL.Action（“GetActive”、“ServiceRepairInspection”））.adapter（AdapterType.urlAdapter））
.AllowPaging（）
.IsResponsive（正确）
.EnableResponsiveRow（真）
.AllowScrolling（真）
.scroll设置（scroll=>{scroll.EnableTouchScroll（true）；}）
.列（列=>
{
col.Field（p=>p.Id）.Visible（false）.IsPrimaryKey（true）.Add（）；
col.Field（p=>p.SriName）.HeaderText（“Id”）.AllowFiltering（true.Add（）；
col.Field（p=>p.CustomerFirstName）.HeaderText（“名称”）.AllowFiltering（true）.FilterType（FilterOption.Menu）.Add（）；
col.Field（p=>p.JobDescription）.HeaderText（“职务描述”）.ForeignKeyField（“值”）.ForeignKeyValue（“文本”）.DataSource（EnumHelper.GetSelectList（typeof（EnumJobDescription）））.AllowSorting（true）.Add（）；
col.Field（p=>p.Status）.HeaderText（“Status”）.Template（“statusTemplate”）.AllowSorting（true）.Add（）；
}))

---

注意：当我以移动分辨率渲染该窗口时，网格正在滚动，但只有滚动条未显示

我们发现您尚未在网格中设置MinWidth属性。要在响应时在网格中显示滚动条，我们建议您在网格中设置MinWidth属性

请参考下面的代码示例

[Index.cshtml]

    @(Html.EJ().Grid<MvcApplication14.OrdersView>("FlatGrid")
        .Datasource((IEnumerable<object>)ViewBag.dataSource)
      .AllowPaging()
                          .IsResponsive(true)

                          .MinWidth(400)
                          ...
    .Columns(col =>
    {
             ...
    })
    )

[Index.cshtml]
@（Html.EJ（）.Grid（“FlatGrid”）
.Datasource（（IEnumerable）ViewBag.Datasource）
.AllowPaging（）
.IsResponsive（正确）
.最小宽度（400）
...
.列（列=>
{
...
})
)

请参阅文档链接：

---

链接：

我们发现您尚未在网格中设置MinWidth属性。要在响应时在网格中显示滚动条，我们建议您在网格中设置MinWidth属性

请参考下面的代码示例

[Index.cshtml]

    @(Html.EJ().Grid<MvcApplication14.OrdersView>("FlatGrid")
        .Datasource((IEnumerable<object>)ViewBag.dataSource)
      .AllowPaging()
                          .IsResponsive(true)

                          .MinWidth(400)
                          ...
    .Columns(col =>
    {
             ...
    })
    )

[Index.cshtml]
@（Html.EJ（）.Grid（“FlatGrid”）
.Datasource（（IEnumerable）ViewBag.Datasource）
.AllowPaging（）
.IsResponsive（正确）
.最小宽度（400）
...
.列（列=>
{
...
})
)

请参阅文档链接：

链接：