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

Question

我试图改变jquery bootgrid分页和搜索框的位置，但无法正确解决问题。如何改变这些问题的位置？

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: ""
            }
        });