010-68421378
sales@cogitosoft.com
当前您所在的位置:首页>新闻中心>新品发布

Kendo UI for jQuery数据管理使用教程:调整列大小/列的重新排序

发布时间:2020/09/28 浏览量:2329
Kendo UI for jQuery是创建现代Web应用程序的完整UI库

Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四个控件。Kendo UI for jQuery是创建现代Web应用程序的完整UI库。

 

 

调整列大小

网格列的大小调整操作取决于是否启用滚动,有关可运行的示例,请参阅有关调整Grid中列大小的演示。

 

 

 

 

 

 

 

 


 

 

 

 

 

 


 

 

 

 


 

 

 

 



 


 

 

 
 

 

 

 

 

禁用滚动并调整Grid列的大小时,其他列也会更改宽度,以便所有列宽度的总和保持恒定。如果列和Grid

均已应用了其最小可能宽度,则列的大小调整将停止工作。 在这种情况下,请在以下两种方法中选择一种使用:

 

  • 将较大的宽度应用于网格
  • 启用滚动

 

启用滚动并调整列的大小时,所有其他列均保持其宽度。当应用列大小调整时,关于所有列宽度的总和,可能会产生以下结果:

 

  • 如果所有列宽度的总和大于Grid的宽度,则会出现一个水平滚动条。
  • 如果所有列宽的总和等于Grid的宽度,则不会出现水平滚动条。
  • 如果所有列宽度的总和小于Grid的宽度,则最后一列后会出现一个空白。

 

根据设计,网格的最后一列没有右边框,因此如果网格表的宽度与网格小部件的宽度匹配,则网格的右端将不会出现双边框。如果需要,您可以在以下示例中为CSS代码应用右边框, #ccc边框的颜色值必须与Kendo UI主题中单元格边框的颜色匹配,为此请使用DOM检查器检查表单元格的样式。

.k-grid-header-wrap > table,
.k-grid-content > table {
border-right: 1px solid #ccc;
}

列的重新排序

Grid提供用于重新排序其列的选项。若要使用户能够通过拖动来重新排序网格的列,请将reorderable属性设置为true。

 

 

 

 

 

 

 


 

 

 

 

 

 


 

 

 

 


 

 

 

 



 

 

 

 

 

 

 
 

 

 

 

下一篇:ONLYOFFICE Alfresco: 提供一系列插件可供拓展功能并加强用户体验
上一篇:PRTG教程:如何管理Paessler订阅托管的PRTG

                               

 京ICP备09015132号-996网络文化经营许可证京网文[2017]4225-497号 | 违法和不良信息举报电话:4006561155

                                   © Copyright 2000-2023 北京哲想软件有限公司版权所有 | 地址:北京市海淀区西三环北路50号豪柏大厦C2座11层1105室

                         北京哲想软件集团旗下网站:哲想软件 | 哲想动画

                            华滋生物