如何使用引導分頁器庫來分頁從PHP回顯的數據？

我正在開發一個項目，將數據庫中的數據轉化爲表格。我想在客戶端分頁數據。所以我用引導分頁程序庫：http://lyonlai.github.io/bootstrap-paginator/如何使用引導分頁器庫來分頁從PHP回顯的數據？

這裏是我的代碼：

在我的頭：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script> 
    <script src="/js/bootstrap-paginator.min.js"></script> 
        <script type='text/javascript'> 
     var options = { 
      currentPage: 3, 
      totalPages: 10 
     } 

     $('#messages-pag').bootstrapPaginator(options); 
    </script>

而且在我的網頁正文：

<?php $messages = process_api_get($base_url,'/messages'); ?> 
    <?php if($messages) { ?> 
<?php foreach($messages as $message) : ?> 
    <div id="messages-pag"> 

<tr> 
<td> 
<?php echo get_username_by_id($message->to_user_id); ?> 
</td> 
<td> 
<?php echo get_username_by_id($message->from_user_id); ?> 
</td> 
<td> 
<?php echo $message->datetime; ?> 
</td> 
<td><a class="btn btn-sm btn-default " data-toggle="modal" data-target="#view_message_<?php echo $message->id; ?>"> View</a></td> 
<td><a class="btn btn-sm btn-default " data-toggle="modal" data-target="#edit_message_<?php echo $message->id; ?>"> Edit</a></td> 
<td><a href="<?php echo url('functions.php?action=delete_message&id=' . $message->id); ?>" class="btn btn-sm btn-default confirm-click"> Delete</a></td> 

</tr> 
                            </div> 
<?php endforeach; ?> 
                            <?php } ?>

但是這個代碼根本不會影響分頁。有誰知道爲什麼？

來源

2016-04-29 Daniel

你運行的是JS ** BEFORE **包含相關div的html嗎？如果是這樣，你需要一個'.ready（）'，所以可以先加載/解析html。 –

像Marc說的那樣，你很可能需要準備好你的腳本，以便在HTML完全加載後應用JS。但它也看起來像你連接到每個消息的JS庫。我沒有看BS-pag的文檔，但我猜JS需要被應用到父元素，所以它可以做到這一點。換句話說，把你的DIV移到你的foreach之外。對於我來說，在div中有表格行/列而不是表格元素也是很奇怪的。如果BS-pag在等待一個表格，那可能會導致一些問題。 –

此外，你可能想看看數據表（datatables.net）。聽起來可能正是你想要的。 –

此外，你可能想看看數據表（datatables.net）。聽起來可能正是你想要的。

來源

2016-04-29 15:08:10

如何使用引導分頁器庫來分頁從PHP回顯的數據？

回答

相關問題