Bootstrap table set total rows by server

Question

Я использую загрузочный стол для представления моих данных. Я использую разбиение на страницы данных с помощью сервера. Существует мой заголовок таблицы 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"> 

Я посылаю запрос AJAX к серверу с informationa о пейджинге, сортировке и т.д. Он работает. Сервер возвращает ответ с данными (содержит только видимые записи) и информацию обо всех количествах строк.

Есть мой код JS после успеха ajax. Я установил общие строки, но самозагрузка принимает значение из заголовка таблицы (до изменений, например, я получаю от сервера totalRows = 7, но использование начального загрузки данных всех-строка равен 50)

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

Что я не так? Хороший пример я не могу найти.

Answer 1

Я решить эту проблему, добавьте мой AJAX URL в attibiute "данные-URL"

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

Answer 2

Возможно, вам понадобится создать узел таблицы в вашем обратном вызове 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">'); 
});