如何避免jqgrid中导航栏中的按钮合并

时间:2014-01-20 11:24:51

标签: jqgrid navigation

我的jgrid中有一个导航栏,我添加了很多按钮,它们相互叠加。这样很难看出哪个按钮是哪个。

my navigation bar

我想知道如何避免这种情况。我可以有两个导航栏吗?还是两排吧?也许删除寻呼机?

提前致谢

纳塔利娅

1 个答案:

答案 0 :(得分:0)

我遇到了和你一样的问题,我用jQuery添加更多行来解决它。

        var pagerNav =  $("#pagernav")
        var gridnavTbody = $(pagerNav).find("tbody").first();
        var navgridrows = $(pagerNav).find("td").first().siblings("td").addBack();
        $(navgridrows).appendTo($(gridnavTbody));
        $(navgridrows).wrap( "<tr><tr/>");
        $(navgridrows).children().css("text-align","center");
        $(navgridrows).attr("align","center");
        $(navgridrows).children().css("float","none");
        $(pagerNav).css("height","75px");

这就是结果:

enter image description here

jQuery代码之前的HTML Html before jQuery code

这是在jQuery之后 Html after jQuery code