方法 'load' 不起作用 bootstrap-table

Question

我正在尝试通过 ajax 调用加载数据并流行 table bootstrap-table，但它不适用于加载方法。试数据方法正常。

方法没有启动，也不显示没有找到结果

Table

<table id="table-anexo" class="table table-striped table-hover display" style="width:100%">
    <thead>
        <tr>
             <th data-field="id"><span>DOCUMENTO</span></th>
             <th data-field="tipo"><span>TIPO</span></th>
             <th data-field="dt_anexo"><span>DATA ANEXO</span></th>
         <!--<th data-field="acao" data-formatter="" data-events="" ><span>AÇÃO</span></th>-->
        </tr>
   </thead>
</table>

函数AJAX

function get_anexo_ajax(metodo, editando_id) {
    var ticket_id = editando_id;
    $.ajax({
        type: 'POST',
        data: {ticket_id : ticket_id},
        url: 'ticket/get_anexo_all',
        success: (function (data) {
            console.log(data.anexo);          
            //$('#table-anexo').bootstrapTable({ data: data.anexo });
            //$('#table-anexo').bootstrapTable('refresh')
            $('#table-anexo').bootstrapTable('load', data.anexo);
        }),
    });
}

数据JSON

{"anexo":[{"id":"1","tipo":"jpg","dt_anexo":"2018-08-01 11:09:28","mensagem_id":"2","ticket_id":"1"}]}

Answer 1

我认为数据格式无效。并在正常 table 上设置 data-toggle="table"。我测试了一下，运行好的。你可以试试：

<table id="table-anexo" data-toggle="table" class="table table-striped table-hover display" style="width:100%">

    var obj = JSON.parse(data);
    $('#table-anexo').bootstrapTable('load', obj.anexo);

方法 'load' 不起作用 bootstrap-table

Method 'load' does not work bootstrap-table

ajax

json

bootstrap-table