Question

我有一个带有columntype列的jqxgrid：＆＃39; checkbox＆＃39;。我想使复选框的大小更大。我尝试使用类似

的javascript

$(".jqx-checkbox-default").children().css("width","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的问题）。还有更多正常的＆＃34;溶液

谢谢，Alex

Answer 1

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

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

.jqx-checkbox-check-checked {
    background-size: 19px 19px;
}

第一个块是调整复选框容器的大小，第二个块是调整用于检查状态的图像的大小。

我在网格复选框选择演示（http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/checkboxselection.htm?arctic）上对此进行了测试，并将这些样式注入到Chrome使用的页面样式中。

Answer 2

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

{text：＆＃39; Active＆＃39;，datafield：＆＃39; pActive＆＃39;， width：45 ，columntype：＆＃39; checkbox＆＃39;，filtertype：＆＃39;布尔＆＃39; }，

Jqxgrid复选框列大小

2 个答案: