kendo ComboBox显示多列数据（自定义样式）

最新推荐文章于 2024-07-19 15:05:29 发布

lwllai

最新推荐文章于 2024-07-19 15:05:29 发布

阅读量2.2k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/lwllai/article/details/45892765

版权

项目中经常要求在ComboBox 中显示多列，方便查看更多的信息，查看了kendo combobox发现其中是有个template的样式，

可以自定义样式，以及显示的风格；

这就是kendo Demo中的样式了。以下实现自己的样式：先上图

先上css样式：

.dropdown-header {font-size: 1.2em;padding: 0 0;width:auto;}
.dropdown-header > span 
	{-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	display: inline-block;
	border-style: solid;
	border-width: 0 0 1px 1px;
	margin-left:0PX;
	padding: .1em .6em;width: 78%;}
.dropdown-heade