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; }
最后数据表格显示效果如下:
来源://作者:/更新时间:2015-04-30
顶
踩
相关文章: