Question

如图，用jquery easyui datagrid显示数据的，怎么让这两列标题隐藏。

就是这个开始，结束这两个列表头，我不想要了，删除或者隐藏，只要这个数据，怎么做。用的是datagrid显示数据的。

Answer 1

你好！！

这个通过配置无法解决，只能手工干预啦~~

下面代码可供参考：

javascript：

<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:

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

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

希望对你有帮助！！！！

Answer 2

你找一下js代码中或者html代码中，有开始结束的那一行，把包含他们的tr删除了就可以了。

Answer 3

这就是一个合并单元格的问题

追问

不好意思，这写问题我都自己解决了。但是这还真不是简单的合并单元格，要是的话，我也不问了。主要还是用datagrid的属性解决掉的。