easyui datagrid 去掉外边框及行与行之间的横线标题字体

这是以前写的一个项目中写的东西，为了让datagrid样式好看，所有做的这个处理：

今天同事又问到于是记录下来

 

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

$('#id').datagrid({                 width: '99%',                 height: 150,                 fit: false,                 nowrap: true,                 url: 'url地址',                 singleSelect: true,                 columns: [                     [                         {                             field: 'TaskName', title: '标题', width: '100%', formatter: function (v, rd, i) {                                 if (v != undefined) {                                     return '<img src="../Images/roundpoint.png"></img> <a href="#" onclick= ReportDetails(\'' + rd.MatTypeInt +                                             '\',\'' + rd.PeriodNo + '\',\'' + rd.TaskId + '\',\'' + v + '\',\'' + rd.MatType + '\')  class="href-noneline-blacknofont" >' + v + ',' + '<span class="red-font">' + rd.MatType + '</span>总数' +                                             '<span class="red-font">' + rd.PriceCount + '</span>条';                                 }                             }                         }                     ]                 ], onLoadSuccess: function (data) {                     var panel = $(this).datagrid('getPanel');                     var tr = panel.find('div.datagrid-body tr');                     tr.each(function () {                         var td = $(this).children('td');                         td.css({                             "border-width": "0"                         });                         ;                     });                 }             });

　　

关键是:

?

1 2 3 4 5 6 7 8 9

onLoadSuccess: function (data) { 　　var panel = $(this).datagrid('getPanel'); 　　var tr = panel.find('div.datagrid-body tr'); 　　tr.each(function () { 　　　　var td = $(this).children('td'); 　　　　td.css({ 　　　　　　"border-width": "0" 　　　　}); });

 

下面是去外边框线：

#idDiv .datagrid-header {
position: absolute;
visibility: hidden;
}

#idDiv .datagrid-body {
overflow: hidden;
}

 

标题字体：

#iddiv .datagrid-header .datagrid-cell span {
font-size: 18px;
font-family: "黑体";
}