Jqgrid loadtext不居中

时间:2011-05-15 10:58:35

标签: jquery html css jqgrid

我将jqgrid loadtext定制为比默认“loading”更长的字符串, 但无法将文本置于中心位置:

loadtext:'this is my loading text'

渲染的html是:

<div id="xxx" 
     class="loading ui-state-default ui-state-active" 
     style="display: none;">this is my loading text</div>

我可以把任何html放到loadtext中,但是,它仍然不会居中。有办法吗?

1 个答案:

答案 0 :(得分:0)

我所做的是覆盖jqGrid的css,如下所示:

.ui-jqgrid .loading 
{
    background-image: url(jqgrid-loading.gif);
    border-style: none;
    background-repeat: no-repeat;
    background-color:transparent;
    width:100%;
    height:100%;
    margin:0 auto;
    left:0;
    top:0;
}

我使用的是图片,但你可以用文字做同样的事情。

加载图像现在垂直和水平居中