Asp.net mvc 水平滚动条从不出现在剑道网格中

我试图在表格宽度小于总列宽时显示水平滚动条

我已经为每一列设置了宽度，但不知怎的，它将数字视为比率。如果我用相同的宽度值定义了两列，那么这些列的宽度将为50%

比如说,

columns.Bound(p => p.column1).Width(40);
columns.Bound(p => p.column2).Width(40);

将以相同的方式呈现，如

columns.Bound(p => p.column1).Width(100);
columns.Bound(p => p.column2).Width(100);

因此，如果列有20和30，则列将分别占宽度的40%和60%

考虑到我已经为每列设置了宽度，我错过了什么

图片：

@介质（最大宽度：800px）
{
.gridClassName{
溢出-x：滚动；
}
}

//将“最大宽度”更改为一个数字，直到滚动显示的位置为止

<style>

@media (max-width: 800px) 
{
.gridClassName {
  overflow-x: scroll;
}
}
<style>