jquery bootgrid 分页
jQuery Bootgrid 是一种用于创建菜单栏和表格的 jQuery 插件，该插件提供了各种高级功能，例如分页和过滤。今天我们将重点介绍 Bootgrid 的分页功能。
$("#grid-data").bootgrid({
ajax: true,
url: "...",
rowCount: [10, 25, 50, -1],
selection: true,
multiSelect: true,
rowSelect: true,
keepSelection: true,
formatters: {
"commands": function(column, row) {
return "<button class='btn btn-xs btn-default command-edit' data-row-id='" + row.id + "'><i class='fa fa-pencil'></i></button> " +
"<button class='btn btn-xs btn-default command-delete' data-row-id='" + row.id + "'><i class='fa fa-trash-o'></i></button>";
}
}
}).on("loaded.rs.jquery.bootgrid", function() {
/* Executes after data is loaded and rendered */
});如上所示，当我们的 Bootgrid 表格被初始化时，我们需要指定 ajax:true 以获取远程数据。我们还指定了一个 url 来告诉插件从哪里获取数据。接下来，我们定义了一个 rowCount 数组，它确定表格每页要显示的行数。我们还启用了 Bootgrid 的选择功能，并定义了自定义格式化器来创建一个命令按钮列。
最后，我们绑定了一个 "loaded.rs.jquery.bootgrid" 事件来执行我们的自定义代码。
总的来说，使用 jQuery Bootgrid 分页功能非常简单，只需要传递一些选项和事件，就可以轻松地创建完整的、动态的表格。