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

Posted 2023-05-16

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

参考技术A 你好！！

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

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里面

easyUI 中datagrid 返回列隐藏方法

easyui的datagrid方法返回的列，有的值不需要显示可以使用hidden(属性进行隐藏)

 

columns : [ [{
                    field : ‘bailClass‘,
                    title : ‘类别‘,
                    width : 50,
                    align : ‘center‘,
                    formatter : returnFtt
                },{
                    field : ‘agencyName‘,
                    title : ‘市场名称‘,
                    width : 50,
                    align : ‘center‘
                },{
                    field : ‘agencyId‘,
                    title : ‘市场ID‘,
                    width : 50,
                    align : ‘center‘,
                    hidden : true
                },{
                    field : ‘canUseMoney‘,
                    title : ‘可用余额‘,
                    width : 50,
                    align : ‘center‘
                }