# 在数据表格中使用 ## 6.1.7.在数据表格中使用 数据表格中使用分离式的绑定，并且加`no-shade="true"`去掉遮罩层： ~~~ <!-- 表格操作列 --> <script type="text/html" id="tableBar"> <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">修改</a> <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a> <!-- 下拉菜单 --> <a class="layui-btn layui-btn-xs" data-dropdown="#dropUser{{d.LAY_INDEX}}" no-shade="true"> 更多<i class="layui-icon layui-icon-drop" style="font-size: 12px;margin-right: 0;"></i></a> <ul class="dropdown-menu-nav dropdown-bottom-right layui-hide" id="dropUser{{d.LAY_INDEX}}"> <div class="dropdown-anchor"></div> <li><a lay-event="edit2"><i class="layui-icon layui-icon-edit"></i>修改用户</a></li> <li><a lay-event="del2"><i class="layui-icon layui-icon-delete"></i>删除用户</a></li> <li><a lay-event="lock2"><i class="layui-icon layui-icon-password"></i>锁定用户</a></li> </ul> </script> <script> layui.use(['table', 'dropdown'], function () { var table = layui.table; table.render({ cols: [[ {field: 'username', title: '账号'}, {toolbar: '#tableBar', title: '操作'} ]] }); }); </script> ~~~