0

我在 drupal 中有一个 ajax 调用，它会在我单击的位置生成并返回整个表。表格很大，所以我希望它们分页。我没有时间进行服务器端分页，而且我还需要在很多地方应用它。

我发现这个http://code.google.com/p/one-simple-table-paging/非常易于使用，应该可以解决我的目的。

我设法在静态 html 页面中使用它：

<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="oneSimpleTablePaging-1.0.js"></script>

<table class="tableToPaginate">
    <tr>
        <th>Id</th><th>Name</th>
    </tr>
        <?php for ($i = 0; $i < 100; $i++) { ?>                            
        <tr>
            <td><?php echo $i ?></td><td><?php echo "name" . $i ?></td>
        </tr>                        
        <?php } ?>
</table>

<script>
   $(document).ready(function(){
       $('.tableToPaginate').oneSimpleTablePagination({rowsPerPage: 20});
   });        
</script>

但是当我对我的 ajax 生成的表使用相同的技术时，为它们提供相同的类并在 page.tpl、php 中调用脚本时，我看不到分页

echo '<table id="ajaxcustomerdata" class="account_info tableToPaginate">';
.....

我是 ajax 和 js 的新手；请帮帮我。

4

1 回答 1

2

为此目的使用DataTables javascript 插件 - 非常强大且简单的 jQuery 插件。

添加分页 AJAX 表只是一个：

$(document).ready(function() {
    $('#example').dataTable( {
        "bProcessing": true,
        "sAjaxSource": '../ajax/sources/arrays.txt'
    } );
} );

或者您可以将通常的 html 表转换为 DataTable 表：

$(document).ready(function() {
    $('#example').dataTable();
} );

有关此示例的更多信息。

于 2012-10-21T06:21:34.960 回答