引导+ AngularJS - 如何排序/搜索/编辑/分页表列

Question

可有人告诉我使用引导和AngularJS与

• 排序
• 搜索
• 编辑，创建表列的一个例子
• 分页

Answer 1

您可以使用下面的代码（而不是JSON数据，你可以简单地把你的数据直接在表）：

<table id="resultTable" 
    data-toggle="table" 
    data-url="json.php" 
    data-show-refresh="true" 
    data-show-toggle="true" 
    data-show-columns="true" 
    data-search="true" 
    data-select-item-name="toolbar1" 
    data-pagination="true"> 
    <thead> 
    <tr> 
     <th data-field="id" data-align="right" data-sortable="true">Item ID</th> 
     <th data-field="column1" data-sortable="true">Column1</th> 
    </tr> 
    </thead> 
</table> 

所以你看看什么是data-search="true"（搜索）和data-pagination="true"（分页）以及data-sortable="true"（排序）。

对于编辑我认为你需要使用额外的插件，像这样的：https://mindmup.github.io/editable-table/