Kendo ui 调整剑道网格列的大小以适应过滤器

我有一个剑道网格，上面有过滤器操作符。问题在于，过滤器延伸到栅格之外，并导致视图在柱末端看起来被切断。这是一张图片：

代码：

@（Html.Kendo（）.Grid（））
.名称（“网格”）
.ToolBar（ToolBar=>
{
toolbar.Custom（）.Text（“Create”）.Action（“AddPatient”、“Patient”）.HtmlAttributes（新的{@class=“k-primary k-button”}）；
})
.列（列=>
{
column.Bound（c=>c.DateS）；
column.Bound（c=>c.prescreen）；
column.Bound（c=>c.Screening）；
column.Bound（c=>c.readydereaders）；
column.Bound（c=>c.eyexam）；
column.Bound（c=>c.Glasses）；
column.Bound（c=>c.Contacts）；
column.Bound（c=>c.RetinalGrading）；
})
.事件（e=>
{
})
.Sortable（）
.Scrollable（）
.可选（）
.resize可调整大小（resize=>resize.Columns（true））
.Reorderable（reorder=>reorder.Columns（true））
.NoRecords（“无数据”）
//.ClientDetailTemplateId（“模板”）
.Filterable（ftb=>ftb.Mode（GridFilterMode.Row））
.Filterable（f=>f.Operators（o=>o.ForString（fs=>fs.Clear（）.Contains（“Contains”）.StartsWith（“Start With”）.EndsWith（“End With”）.IsEqualTo（“等于”）.IsNotEqualTo（“不等于”））
.Pageable（第=>页
.刷新（真）
.按钮计数（5）
.PageSizes（新字符串[]{“5”、“10”、“20”、“100”、“全部”}）
)
.DataSource（DataSource=>DataSource
.Ajax（）
.ServerOperation（真）
.Sort（s=>
{
s、 添加（a=>a.ID）.Ascending（）；
})
.Model（Model=>
{
model.Id（i=>i.Id）；
})
.Read（“ReadAllVisitions”、“EyeTestReport”）
.Events（Events=>Events.Error（“Shared.ongridatasourceerror”）.RequestEnd（“Shared.onGridRequestEnd”））
)
)

如何使列的大小正确

 column.Bound(c => c.DateS).Width(150);
 column.Bound(c => c.PreScreening).Width(150);
 column.Bound(c => c.Screening).Width(150);

尝试向列绑定添加宽度，并查看是否将解决您的问题

---

尝试向列绑定添加宽度，看看是否可以解决您的问题…

我发现您只需在页面自己的样式文件或样式标记中覆盖kendo的样式。像这样：

.k-grid-header .k-header:first-child {
border-left-width: 0;
width: 50% !important; 
}

屏幕：

---

我发现你只需在页面自己的样式文件或样式标签中覆盖剑道的样式。像这样：

.k-grid-header .k-header:first-child {
border-left-width: 0;
width: 50% !important; 
}

屏幕：