jQuery EasyUI datagrid 不同列用同一 field 输出时没有 formatter 问题

在输出表格的时候，当我第一列引用了 username，最后两列分别为 修改用户，修改用户权限，

这两列都引写了username，格式如下：

<tr>
<th data-options="field:'username'">用户名</th>
<th data-options="field:'email'">邮箱地址</th>
<th data-options="field:'username',
formatter: function(value,row,index){
return page.formatter.buttonFormat('修改用户','修改用户”'+value+'“','modifyUserData.action?username='+encodeURI(encodeURI(value)));
},align:'center'">修改</th>
<th data-options="field:'username',
formatter: function(value,row,index){
return page.formatter.buttonFormat('修改权限','修改”'+value+'“的权限','modifyUserPermission.action?username='+encodeURI(encodeURI(value)));
},align:'center'">权限</th>
</tr>

但输出的时候，后两列 formatter 不起作用。后来发现要把 后两列的 field改为其它或改为不存在的名字就可以。

如：

<th data-options="field:'a',
formatter: function(value,row,index){
var value = row.username;
return page.formatter.buttonFormat('修改用户','修改用户”'+value+'“','modifyUserData.action?username='+encodeURI(encodeURI(value)));
},align:'center'">修改</th>
<th data-options="field:'b',
formatter: function(value,row,index){
var value = row.username;
return page.formatter.buttonFormat('修改权限','修改”'+value+'“的权限','modifyUserPermission.action?username='+encodeURI(encodeURI(value)));
},align:'center'">权限</th>