jqGrid，编辑表单上的复选框未左对齐。 Bootstrap

Question

我正在使用 jqGrid JS v5.3.0，styleUI 设置为 Bootstrap。在编辑表单上，复选框（通过设置 edittype 选项创建。还设置 editoptions: {value:"true:false"}）与表单的中心对齐。有没有办法让它向左对齐？

提前致谢。

Answer 1

原因是bootstrap css

中的设置

.EditTable td input, 
.EditTable td select, 
.EditTable td textarea { 
    width: 98%; 
    display: inline-block;
}

即这是由 width:98%

引起的

要纠正这个问题有很多方法。

第一个是使用 editoptions 设置带有样式选项的手动自动宽度。

edittype : 'checkbox',
editoptions : {value:"true:false", "style":"width:auto"},

第二个（更优雅的恕我直言）是在 css 中为编辑表单中的所有复选框设置此项，如下所示：

<style>
    .EditTable td input[type="checkbox"] 
    {
        width :auto;
    }
</style>

加载 jqgrid bootstrap css 文件后。

jqGrid, checkbox not aligned to left on edit form. Bootstrap