Флажок центра в заголовке

Question

Я хочу выровнять: установите флажок «выбрать все» в заголовке. Это первая ячейка в заголовке jqgrid.

Я пробовал:

#configDiv th input[type="checkbox"] { 
    margin: 0 auto !important; 
} 

и

grid.find('th input[type="checkbox"]').css("align", "center"); 

Те не работал!

Любая идея?

Answer 1

Входы, такие как флажки, являются встроенными элементами, и вы не можете центрировать их напрямую. Вам нужно сосредоточить «текст» (я знаю, что флажок не является текстом, но это то, что является правилом CSS) в родительском элементе, в данном случае th.

Вы можете сделать это со следующим кодом в своем CSS;

#configDiv th { 
    text-align: center; 
} 

Если вам нужно настроить таргетинг на определенную th, то вы должны добавить класс в HTML и использовать селектор th.classname.

Надеюсь, это поможет.

Answer 2

Благодаря this answer от Oleg я нашел это;

grid.closest('div.ui-jqgrid-view').find('table.ui-jqgrid-htable th:first-child').css("text-align", "center");