如何更改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: "" 
      } 
     });