Question

你懂easyUi吗，我这的datagrid的列标题在IE浏览器下面不显示在其他浏览器下显示正常的

问题的地址：http://zhidao.baidu.com/question/2053043978161697387.html，麻烦您看下呗

Answer 1

你好！！

这个通过配置无法解决，只能手工干预啦~~
下面代码可供参考：

javascript：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<script>
$(function(){
$('#tt').datagrid({
onLoadSuccess:function(data){
//获取表头第3列的div
var _div = $(".datagrid-header-row td:eq(3) div");

//操作表头第4列对象，将宽度调宽，追加第3列的div，设置居中及文本
$(".datagrid-header-row td:eq(4)")
.css("width",160)
.append(_div)
.attr("align","center")
.text("收油计划日期");

//设置表头第3列对象宽度为0
$(".datagrid-header-row td:eq(3)").css("width",0);
_div = null;
}
});
})
</script>

html:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<table id="tt" class="easyui-datagrid" title="Column Group" style="width:700px;height:250px"
data-options="rownumbers:true,singleSelect:true,url:'../datagrid/datagrid_data1.json'">
<thead>
<tr>
<th data-options="field:'itemid',width:80" >Item ID</th>
<th data-options="field:'productid',width:100" >Product</th>
<th data-options="field:'listprice',width:80,align:'right'" ></th>
<th data-options="field:'unitcost',width:80,align:'center'" ></th>
<th data-options="field:'attr1',width:240,align:'center'" >Attribute</th>
<th data-options="field:'status',width:60,align:'center'" >Status</th>
</tr>

</thead>
</table>

代码很容易读懂·····

追问

没有data-options这个属性在table里面