jqGrid寻呼机中的双线按钮

Question

我的页面布局有问题。我已填写页面上的所有可用空间，按钮与导航栏合并。我需要至少有两行来添加更多按钮。

我正在寻找类似的东西：

寻呼机（导航栏）

按钮1按钮2按钮3 ..........第1页到第4页............记录10 of 35
按钮4按钮5按钮6

这是我添加按钮的代码：

.navGrid('#pager_list') {..}
.navButtonAdd('#pager_list', {
    id:"btnResumen",
    caption:"Resumen",
    title: "Resumen de errores",
    buttonicon:"ui-icon-mail-closed",
    onClickButton: function(e) {
        bajarResumen();
    },
    position:"last"
})
.navButtonAdd('#pager_list', {
    caption:"A texto",
    title: "Bajar y enviar x mail",
    buttonicon:"ui-icon-mail-closed",
    onClickButton: function(e) {
        bajarATexto("Enviando...");
    },
    position:"last"
});

Answer 1

我可以用css来做到这一点：

<style type="text/css">
     .ui-jqgrid .ui-jqgrid-pager .ui-pg-button{
        display: inline;
        float:left;
    }
    .ui-jqgrid .ui-jqgrid-pager{
        height: auto;
    }
</style>

或者，如果你想在特定的grig中这样做，你可以这样做：

 <style type="text/css">
     .ui-jqgrid #yourGridID.ui-jqgrid-pager .ui-pg-button{
        display: inline;
        float:left;
    }
    .ui-jqgrid #yourGridID.ui-jqgrid-pager{
        height: auto;
    }
</style>

希望有所帮助！