Jqgrid loadtext не по центру

Question

Я настроил загрузочный текст jqgrid для более длинной строки, чем «загрузка» по умолчанию, но не могу получить текст по центру:

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, однако он все равно не будет центрироваться.есть ли способ?

Answer 1

Я переопределил css jqGrid следующим образом:

.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;
}

Я использовал изображение, но вы можете сделать то же самое с текстом.

Загрузка изображения теперь по центру по вертикали и горизонтали