jqGrid，复选框未在编辑表单上左对齐。引导

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;
}

即这是由宽度引起的：98％

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

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

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

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

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

加载jqgrid bootstrap css文件后

。