JqGrid - Как я могу сделать кнопки пейджинга больше?

Я работаю над приложением с сенсорным экраном, используя jqGrid, и мне нужны большие кнопки.

Я смотрю вокруг, но я не могу понять, где настройка CSS для кнопок подкачки/поиска/обновления, поэтому я могу изменить их размер.

Как сделать кнопки больше?

Изменить: Мне пришлось сделать еще несколько изменений, чтобы кнопки выглядели правильно.

.ui-jqgrid .ui-jqgrid-pager { /* change height */ height:45px; }
.ui-jqgrid .ui-pg-button { height:45px !important; width:46px !important;}
.ui-jqgrid .ui-jqgrid-pager .ui-icon { position:relative; margin: 0px 15px;}
1 ответ

jqGrid использует jQuery UI css framework для стилизации, источником кнопок по умолчанию является

<div>
</div>

Чтобы сделать изображение более крупным, вам нужно будет предоставить свои собственные, поскольку они взяты из спрайта изображений, но чтобы сделать область с клики более крупной, вы можете просто нацелить маржу диапазона,

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon { margin: 10px;
}

licensed under cc by-sa 3.0 with attribution.