Javascript 按服务器设置的引导表总行数

我使用引导表来显示我的数据。我使用服务器的数据端分页。这是我的表格标题HTML代码

<table id="shipmentsListTable" class="table table-striped"
 data-toggle="table"
 data-cache="false" data-search="true"
 data-side-pagination="server"
 data-total-rows="50"
 data-sort-name="CreatedDate"
 data-sort-order="desc"
 data-pagination="true"
 data-page-size="10"
 data-page-number="1">

---

我错了什么？我找不到任何具有良好示例的tutarial。

您可能需要在ajax成功回调中生成表节点。大概是这样的：

<div id="tableTarget"></div>

$.ajax(function () {...
}).success(function () {
    var rows = shipmentsListJson.Rows;
    $('#tableTarget').html('<table id="shipmentsListTable" class="table table-striped"
                           data-toggle="table"
                           data-cache="false" data-search="true"
                           data-side-pagination="server"
                           data-total-rows="' + rows + '"
                           data-sort-name="CreatedDate"
                           data-sort-order="desc"
                           data-pagination="true"
                           data-page-size="10"
                           data-page-number="1">');
});

$.ajax（函数（）{。。。
}).success（函数（）{
var rows=shipmentsListJson.rows；
$（'#tableTarget'）.html（''）；
});

我通过将我的ajax url添加到attibiute“数据url”来解决这个问题

---

我不明白你的评论。服务器返回JSON对象，该对象包含加载到表中的数据。能否显示如何初始化
bootstrapTable
？我会选择使用数据绑定库-knockout、angular和ember
<div id="tableTarget"></div>

$.ajax(function () {...
}).success(function () {
    var rows = shipmentsListJson.Rows;
    $('#tableTarget').html('<table id="shipmentsListTable" class="table table-striped"
                           data-toggle="table"
                           data-cache="false" data-search="true"
                           data-side-pagination="server"
                           data-total-rows="' + rows + '"
                           data-sort-name="CreatedDate"
                           data-sort-order="desc"
                           data-pagination="true"
                           data-page-size="10"
                           data-page-number="1">');
});

<table id="shipmentsListTable" class="table table-striped"
 data-toggle="table"
 data-cache="false" data-search="true"
 data-side-pagination="server"
 data-total-rows="50"
 data-url='myPage/....'