bootstrap-table 如何增加弹出层？

Question

问题描述

<table id="table" class="table table-striped table-bordered table-hover table-nowrap"
       data-operate-edit="{:$auth->check('estate/edit')}" 
       data-operate-del="{:$auth->check('estate/del')}" 
       data-buttons-index="{:$auth->check('dh_estate/index')}"
       width="100%">
</table>

var table = $("#table");

            // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'id',
                sortName: 'id',
                columns: [
                    [
                        {checkbox: true},
                        {field: 'id', title: __('Id')},
                        {
                            field: 'datalist', title: __('Operate'), table: table,
                            buttons: [
                                {
                                    name: 'index',
                                    text: __('Main list'),
                                    classname: 'btn btn-xs btn-success btn-editone',
                                    icon: 'fa fa-file',
                                    url: 'xxxx/add/xx_id/{ids}'
                                },
                            ],
                            formatter: Table.api.formatter.buttons
                        },
                        ]
                ]
            });

点击直接吞掉了上一页，不是弹出层。就像编辑一样弹出编辑