jquery easyui datagrid 更改表格标题,行间距和文字大小
2016-09-28 15:54
971 查看
<div id="table"> <table id="order"></table> </div> $("#order").datagrid({ iconCls : 'icon-edit', fitColumns:true,//填充 fit : true,//自适应 pageSize : 20,//每页显示的记录条数,默认为10 style : { padding : '8 8 10 8' }, singleSelect : true, method : 'get', url : '', onLoadError : function() { alert("提示信息", "数据信息错误"); return; }, loadMsg :null, pagination : true, rownumbers : true, title : "", //sortOrder:'desc', nowrap:false, columns : [ [ { field : 'time', title : '', align : 'center', width : 250, formatter: function(value,row,index){ return '<span style="font-size:20px">'+value+'</span>';//改变表格中内容字体的大小 } } ] ] });
更改样式如下:
<style> //更改表格标题文字大小 .datagrid-header span { font-size: 20px !important; } .datagrid-header-row { /* background-color: #e3e3e3; */ /* color: #111 */ Height: 50px; } //更改表格中单元格行间距 #table .datagrid-btable tr{height: 35px;} //更改表格标题的行间距 .panel-title { margin-top: 20px; margin-bottom: 20px; font-size: 30px; color: inherit; } </style>
仅供参考..songsong…2016.9.28
相关文章推荐
- DataGrid 表头标题,表格文字的字体设置
- iOS 更改webView文字颜色丶文字大小丶背景色的方法
- Latex设置字体大小及表格中的文字大小等
- jquery easyui DataGrid 数据表格 属性
- 【学习笔记】tableview 文字设置 缩进,头尾标题 间距,cell高度 点击 分割线
- jquery easyui DataGrid 数据表格 属性
- DataGrid 根据条件改变表格中某行的文字颜色 & 表格底色交替
- android 设置Spinner文字标题颜色 字体大小样式
- jsp中表格,表格中的文字根据表格的大小自动换行
- Jquery EasyUI dataGrid 修改默认分页大小
- android 设置Spinner文字标题颜色 字体大小样式
- BottomNavigationBar 修改文字图片间距、大小以及BadgeItem的大小、位置
- JQuery EasyUI 学习——Struts2与EasyUI DataGrid数据表格结合使用显示数据库数据
- jQuery EasyUI DataGrid 数据表格
- 防止文字撑开表格,强制表格大小
- 488_根据文字行数更改文字大小
- Datagrid数据表格在不同大小的显示器动态变化高度
- 怎么更改DataGrid的单元格里文字的颜色
- iOS 更改webView文字颜色丶文字大小丶背景色的方法
- jquery easyui DataGrid 数据表格 属性