jquery-bootgrid - 如何在 jquery bootgrid 中更改分页或搜索框的位置？

Question

我曾尝试更改 jquery bootgrid 分页和 serach 框的位置，但无法找到解决问题的正确方法。如何更改这些位置？

Answer 1

更改模板应该可以解决问题。

$("#grid-basic").bootgrid({
            templates: {
                footer: "<div id=\"{{ctx.id}}\" class=\"{{css.footer}}\"><div class=\"row\"><div class=\"col-sm-3\"><p class=\"{{css.pagination}}\"></p></div><div class=\"col-sm-9 infoBar\"><div class=\"row\"><div class=\"col-sm-3\" style=\"float:left;\"><p class=\"{{css.search}}\"></p></div><div class=\"col-sm-3\" style=\"float:left;\"><p class=\"{{css.infos}}\"></p></div><div class=\"col-sm-3\" style=\"float:right;\"><p class=\"{{css.actions}}\"></p></div></div></div></div></div>",
                header: ""
            }
        });