easyui datagrid数据表格如果设置行高

在easyui时默认的行高只有25px,如何修改每行的高度和表头的高度

需要添加自定义的css样式,下面的样式要放到easyui引人的css文件的后面

<!-- easyui -->
<link rel="stylesheet" type="text/css" href="/resources/js/easyui/themes/bootstrap/easyui.css">
<link rel="stylesheet" type="text/css" href="/resources/js/easyui/themes/icon.css">
<script type="text/javascript" src="/resources/js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/resources/js/easyui/locale/easyui-lang-zh_CN.js"></script>
<!-- easyui -->
<link href="/resources/css/admin/default.css" rel="stylesheet">

default.css文件里面是修改后的样式,添加如下代码

/*easyui update */

.datagrid-row{
    height: 35px;
}
.datagrid-htable{
    height: 35px;
}

最后数据表格显示效果如下:

easyui datagrid数据表格如果设置行高

来源://作者:/更新时间:2015-04-30
相关文章