关于EASY-UI的DataGuid的列宽不对齐问题

qq_25083579 2016-07-15 09:27:20

问题如上,代码如下:
$("#divGrid").datagrid({
fitColumns: true,
loadMsg: "正在加载,请稍后...",
iconCls: 'icon-save',
title: "",
url: src,
height: 355,
checkOnSelect: false,
nowrap: false,
striped: true,
collapsible: true,
singleSelect: true,
pagination: true,
idField: 'ID',
pageSize: 15,
pageList: [15, 30, 45, 60],
rownumbers: true,
rowStyler: function() { return 'height: 45px'; }, //解决序号列与datagrid行高不对齐
columns: eval(hidColumns.value)
});
$("#divGrid").datagrid("clearChecked");
//分页设定
var p = $('#divGrid').datagrid('getPager');
$(p).pagination({
pageList: [15, 30, 45, 60],
beforePageText: '第',
afterPageText: '页 共 {pages} 页',
displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录'
});
上面代码标红的地方写在后台在(要求的规范格式,没办法==)
后台显示如下:

private void initTableColumns()
{
StringBuilder _showColumns = new StringBuilder();
_showColumns.Append("[[");

_showColumns.Append("{");
_showColumns.Append("field:'checkbox',checkbox:true");
_showColumns.Append("},");

_showColumns.Append("{");
_showColumns.Append("field:' ', title:'操作',width:200,align:'center',formatter:function(value,rec,index)");
_showColumns.Append("{");
_showColumns.Append("return '<a style=\"color:red\" href=\"javascript:void(0)\" onclick=\"editPolicy('+index+')\" >编辑</a>  ");
_showColumns.Append("<a style=\"color:red\" href=\"javascript:void(0)\" onclick=\"viewPolicy('+index+')\" >浏览</a>  ");
_showColumns.Append("<a style=\"color:red\" href=\"javascript:void(0)\" onclick=\"delPolicy1('+index+')\" >删除</a>'");
_showColumns.Append("}");
_showColumns.Append("},");

_showColumns.Append("{");
_showColumns.Append("field: 'ZCDMMC', title: '文件分类', width: 200, align: 'center' ");
_showColumns.Append("},");

_showColumns.Append("{");
_showColumns.Append("field: 'WJMC', title: '文件名称', width: 240, align: 'center' ");
_showColumns.Append("},");

_showColumns.Append("{");
_showColumns.Append("field: 'WJH', title: '文件号', width: 240, align: 'center' ");
_showColumns.Append("},");

_showColumns.Append("{");
_showColumns.Append("field: 'FWSJ', title: '发文时间', width: 160, align: 'center' ");
_showColumns.Append("},");

_showColumns.Append("{");
_showColumns.Append("field: 'ISABOLITION', title: '是否废止', width: 100, align: 'center' ");
_showColumns.Append("}");

_showColumns.Append("]]");

this.hidColumns.Value = _showColumns.ToString();
}
如果我把上述的标红的宽度改成80,那么效果如下:


总之就是对不齐,不知哪位大神能为我解惑,感激不尽
...全文
233 回复 打赏 收藏 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

52,778

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧