Обновить загрузочный стол Обновить и изменить настройки

Question

В настоящее время я пытаюсь изменить динамическую таблицу на основе загрузочной таблицы, основываясь на некоторых пользовательских конфигурациях, хранящихся в localStorage, и перезагружать их.

Таблица заполняется при загрузке страницы, но некоторые события могут запускаться внутри страницы и изменять ее конфигурацию на основе пользовательских настроек.

Я взглянул на official documentation, и somequestions в SO. И я пытался сделать это, как показано ниже:

var $table = $('#grd-fatura');   
$table.bootstrapTable('refresh', { 
    pageSize: 2 
}); 

(Блок и правила localstorage.getItem были удалены из кода выше для целей тестирования.)

И вот мой стол код (обратите внимание, что некоторые элементы находятся на португальском языке):

<table 
    id="grd-fatura" data-click-to-select="true" data-response-handler="responseHandler" 
    data-pagination="true" @*data-height="460"*@ data-show-footer="true" data-search="true" 
    data-show-columns="true" data-cache="false" data-show-toggle="true" data-show-export="true"> 
    <thead> 
     <tr> 
      <th data-field="state" data-checkbox="true"></th> 
      <th data-field="ID" data-unique-id="ID" data-align="left" data-visible="false" data-sortable="true">Código</th> 
      <th data-field="estabelecimento" data-align="left" data-sortable="true">Estabelecimento</th> 
      <th data-field="historico" data-align="left" data-sortable="true">Histórico</th> 
      <th data-field="tipo" data-align="left" data-sortable="true">Tipo</th> 
      <th data-field="pessoa" data-align="left" data-sortable="true">Pessoa</th> 
      <th data-field="emissao" data-align="center" data-sortable="true">Emissão</th> 
      <th data-field="referencia" data-align="left" data-sortable="true">Referência</th> 
      <th data-field="situacao" data-align="left" data-sortable="true">Situação</th> 
      <th data-field="total" data-align="right" data-sortable="true" data-footer-formatter="Totalizador">Total</th> 
     </tr> 
    </thead> 
</table> 

Код не работает. Таблица не обновляется, и код не генерирует никаких ошибок. Я взглянул на some examples и не смог найти, где я ошибаюсь. Итак, как мне динамически изменять настройки таблицы Boostrap? Что я делаю неправильно в приведенном выше коде?

Примечание: Я использую Bootstrap 3.

Answer 1

Попробуйте это:

$table.bootstrapTable('refresh', { 
    query: {pageSize: 2} 
});