Bootstrap表設置服務器的總行數

我使用引導表來呈現我的數據。我使用服務器的dataSide分頁。有我的表頭HTML代碼Bootstrap表設置服務器的總行數

<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">

我發送AJAX請求到我的服務器與關於分頁，排序等信息它的工作原理。服務器返回帶有數據的響應（僅包含可見記錄）以及有關所有行數量的信息。

有我的JS代碼，Ajax成功後。我設置的總行，但引導從表頭取值（修改之前，比如我從服務器totalRows = 7點，但引導使用的數據總排等於50）

 $("#shipmentsListTable").attr("data-total-rows", shipmentsListJson.TotalCount); 
     $("#shipmentsListTable").bootstrapTable("load", shipmentsListJson.Rows);

什麼我錯了嗎？我無法找到任何具有良好範例的tutarial。

來源

2015-02-11 Jacek

我不明白」你的評論。服務器返回JSON對象，其中包含加載到表的數據。 – Jacek 2015-02-11 15:08:57

你能告訴你如何初始化'bootstrapTable'嗎？ – 2015-02-11 15:39:16

我會選擇使用數據綁定庫 - 挖空，角度，燼 – 2015-02-11 16:26:14

我決心通過加我一個AJAX網址這個問題attibiute「數據鏈接」

<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/....'

來源

2015-02-12 12:11:39 Jacek

您可能需要在您的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">'); 
});

來源

2015-02-11 15:10:53 isherwood

Bootstrap表設置服務器的總行數

回答

相關問題