A barra de ferramentas superior do jqgrid contém muitos botões, selecione o elemento e o pager sem o botão da última página. Os botões são agrupados em várias linhas. A parte central é removida usando

#grid_toppager_center {
    width: 0;
}

Como o pager está na área correta, há muito espaço vazio não utilizado abaixo e depois do pager:

Tentei remover o espaço vazio usando

#grid_toppager_center, #grid_toppager_right {
    width: 0;
}

e

    pagerpos: 'left',

Nesse caso, o pager aparece na parte superior dos botões da barra de ferramentas:

Como colocar o pager em outro local, por exemplo, no final da barra de ferramentas superior?

Configurações do jqgrid:

$.extend($.jgrid.defaults, {
    iconSet: "fontAwesome" ,
    autoResizing: { compact: true,widthOfVisiblePartOfSortIcon: 13 },
    toppager: true,
    viewrecords: false,
    pagerpos: 'left',
    rowList: [50, 500, 1000],
    rowNum: 50,

estilo:

#grid_toppager_center, #grid_toppager_right {
    width: 0;
}

.ui-pg-button-text {
    margin: 4px !important;
}

.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div > span {
    margin: 0 5px;
    font-size: 20px;
}

.ui-jqgrid .ui-pg-table .ui-pg-button.ui-state-active {
    margin: 1px;
    font-weight: normal;
}

Atualizar

Eu tentei demo de

http://www.ok-soft-gmbh.com/jqGrid/OK/tougleButton1_iconOver2.htm

e diminuição da largura do jqgrid.

O espaço vazio ainda aparece:

Como colocar botões nessa área para que eles usem toda a largura da grade e quebrem tantas linhas quanto o necessário? Após os botões, onde deve ser o pager.

A barra de ferramentas desejada é compacta e ocupa o menor número possível de linhas (dois últimos botões removidos nesta amostra):