Question

jquery easyui 合并单元格不了（colspan:2无效）

<table class="easyui-datagrid" toolbar="#td"
data-options="collapsible:true,singleSelect:true,pagination:true,rownumbers:true,fit:true">
<thead>
<tr>
<th data-options="width:150,field:'qq'">工号</th>
<th data-options="width:170,field:'ww'">姓名</th>
<th data-options="width:170,field:'ee'">邮箱</th>
<th data-options="width:170,field:'rr'">电话号码</th>
<th data-options="width:170,field:'tt'">角色</th>
<th data-options="colspan:2,width:150,field:'firstname'">操作</th>
</tr>
</thead>
<tr>
<td data-options="width:100,field:'qq'">sssss</td>
<td data-options="width:100,field:'ww'">sssss</td>
<td data-options="width:100,field:'ee'">sssss</td>
<td data-options="width:100,field:'rr'" >sssss</td>
<td data-options="width:100,field:'tt'">sssss</td>
<td data-options="width:100,field:'aa'">sssss</td>
<td data-options="width:100,field:'bb'">sssss</td>
</tr>
</table>

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏10（财富值+成长值）

Answer 1

要都放在<thead>里面吧
<table class="easyui-datagrid" toolbar="#td"
data-options="collapsible:true,singleSelect:true,pagination:true,rownumbers:true,fit:true">
<thead>
<tr>
<th data-options="width:150,field:'qq'">工号</th>
<th data-options="width:170,field:'ww'">姓名</th>
<th data-options="width:170,field:'ee'">邮箱</th>
<th data-options="width:170,field:'rr'">电话号码</th>
<th data-options="width:170,field:'tt'">角色</th>
<th data-options="colspan:2,width:150,field:'firstname'">操作</th>
</tr>
<tr>
<td data-options="width:100,field:'qq'">sssss</td>
<td data-options="width:100,field:'ww'">sssss</td>
<td data-options="width:100,field:'ee'">sssss</td>
<td data-options="width:100,field:'rr'" >sssss</td>
<td data-options="width:100,field:'tt'">sssss</td>
<td data-options="width:100,field:'aa'">sssss</td>
<td data-options="width:100,field:'bb'">sssss</td>
</tr>
</thead>

</table>

追问

thead是表头的意思，下面那些内容不能放在thead标签里面，但是可以放在tbody里面，但是也是无效的。。

追答

亲，你要干嘛啊？是想把操作列做成这样吗？

<table   class="easyui-datagrid"   toolbar="#td"
                     data-options="collapsible:true,singleSelect:true,pagination:true,rownumbers:true,fit:true">
                <thead>
                <tr>
                    <th  data-options="width:150,field:'qq'">工号</th>
                    <th  data-options="width:170,field:'ww'">姓名</th>
                    <th  data-options="width:170,field:'ee'">邮箱</th>
                    <th data-options="width:170,field:'rr'">电话号码</th>
                    <th data-options="width:170,field:'tt'">角色</th>
                    <th data-options="colspan:2,width:150,formatter:function(value,row,index){

                             return "";//在这里写

                           }">操作</th>
                </tr>

             </thead>

</table>

追问

我想要的是操作这一列占了2列，就是下面的aa和bb都在操作这一列里面。。
就跟excel表做出来的一样，操作占两格。
你上面那个代码没看懂：formatter:function(value,row,index){ return "";//在这里写 }">操作
后面formatter没看懂，布局的话不是可以不写函数么？colspan：2无效的。。