jquery easyui toolbar 分割线问题

Question

大家好，请教个关于jquery easyui的问题，
在datagrid的toolbar中，有两种实现方式，一种是：
[ {
text : '新增',
iconCls : 'icon-add',
handler : addNew
}, '-', {
text : '修改',
iconCls : 'icon-edit',
handler : updateInfo
}]
一种是：
<div id="toolbar">
<a href="#" class="easyui-linkbutton"
data-options="iconCls:'icon-add',plain:true"
onClick="javascript:addNew();">新增</a>
<a href="#"
class="easyui-linkbutton"
data-options="iconCls:'icon-edit',plain:true"
onClick="javascript:updateInfo();">修改</a>
</div>请教下第二种方式toolbar 按钮的分割符('-')如何实现？本人尝试在linkbutton之间增加:<div class="datagrid-btn-separator" />，但最终的分割符都挤在toolbar的开头。请教大家如何解决。

Answer 1

我在linkbutton上加上 style="float: left;"后，可现实，但是toolbar原有的背景色不见了，不知道有没有用过的朋友，介绍下解决方法。

Answer 2

<div id="toolbar">
<table cellspacing="0" cellpadding="0">
<tr>
<td>
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" onClick="javascript:addNew();">新增</a>
</td>
<td>
<div class="datagrid-btn-separator"></div>
</td>
<td>
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" onClick="javascript:updateInfo();">修改</a>
</td>
</tr>
</table>
</div>
多套一个Table进去就可以了