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列的宽度,请利用其width属性。
当您通过col元素从HTML表创建网格时,也可以设置列的宽度;但是,当对表单元格利用宽度样式时,请避免这种方法。
利用列宽和滚动
根据是否启用滚动,网格的列会得到不同的操作:
默认情形下,在Kendo UI for jQuery,UI for JSP和PHP UI中为Grid启用了滚动。 启用滚动时:table-layout样式设置为fixed,并且所有未定义宽度的列均显示为相同宽度。当水平空间不敷时,没有定义宽度的列将缩小为零宽度。无论单元格内容如何,都应遵守定义的列宽。如果单元格的内容无法容纳,则网格将对其进行包装或修剪。在调度列大小的过程中,只有调度大小的列和table才会变动其宽度。调度列的大小或隐蔽列时,网格将向其表元素运用像素宽度。 此操作有助于坚持除当前已调度大小或隐蔽的列之外的所有别的列的宽度。当所有列均具有像素宽度并且它们的总和超过网格的宽度时,将涌现一个水平滚动条。当所有列均具有像素宽度并且其总和小于Grid的宽度时,将忽略列宽,并且浏览器将展开所有列。默认情形下,UI for ASP.NET MVC和UI for ASP.NET Core.中的网格禁用滚动。 禁用滚动时:table-layout样式设置为auto,如果未明确定义,则列宽由浏览器和单元格内容确定,这是HTML表的默认操作。浏览器将考试测验遵照所有设置的列宽,但可能会根据其内容来调度某些列的宽度。常见情形本节供应有关须要在Grid中实现列宽的常见方案信息。
使不可滚动网格服从列宽
将table-layout变动为fixed。
#GridID > table // Header and data table.{table-layout: fixed;}
肃清列和标题错位
要在调度网格大小时肃清列和标题的不对齐,请供应至少一列没有指定宽度的列,以便它可以自由调度。
理解最新Kendo UI最新资讯,请关注Telerik中文网!