Javascript Jqxgrid复选框列大小

Javascript Jqxgrid复选框列大小,javascript,checkbox,jqxgrid,Javascript,Checkbox,Jqxgrid,我有一个jqxgrid,它的列具有columntype:“checkbox”。我想把复选框的尺寸调大一点。我尝试了javascript,比如 $(“.jqx复选框默认值”).children().css(“宽度”,“19px”) 但它并没有像我应该的那样工作,因为当我选中一个复选框时,网格中的所有复选框都再次变小。我还尝试了cellrenderer: <div style="position: absolute; top: 50%; left: 50%; margin-top: -7px;

我有一个jqxgrid,它的列具有columntype:“checkbox”。我想把复选框的尺寸调大一点。我尝试了javascript,比如

$(“.jqx复选框默认值”).children().css(“宽度”,“19px”)

但它并没有像我应该的那样工作,因为当我选中一个复选框时,网格中的所有复选框都再次变小。我还尝试了cellrenderer:

<div style="position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -10px; cursor: auto;" id="jqxWidget3d79f0d1" tabindex="0" class="jqx-widget jqx-checkbox">
    <div class="jqx-checkbox-default jqx-fill-state-normal jqx-rc-all">
        <div style="width: 19px; height: 19px;">
            <span style="width: 19px; height: 19px;"></span>
        </div>
    </div>
    <div style="clear: both;">
    </div>
</div>

但是我不能检查这个(小部件id也有问题)。 有更“正常”的解决方案吗


谢谢,Alex

您可以覆盖网格使用的样式

.jqx-checkbox-default > div, .jqx-checkbox-default > div > span {
    width: 19px !important;
    height: 19px !important;
}

.jqx-checkbox-check-checked {
    background-size: 19px 19px;
}
第一个块用于调整复选框容器的大小,第二个块用于调整用于检查状态的图像的大小


我在网格复选框选择演示()上对此进行了测试,并将这些样式注入到Chrome使用的页面样式中。

在网格声明的“列”下,您可以指定每列的宽度。我有一个这样的我的,它适用于每一个列类型以及

{text:'Active',datafield:'pActive',宽度:45,columntype:'checkbox',filtertype:'bool'}