Css p:selectbooleancheckbox在p:dataTable中选中时正在移动

我在JSF项目的

p:dataTable

中放置了一个

p:selectBooleanCheckbox

选中单元格后，复选框将向右浮动。 我知道这是一个css的东西，但我不知道如何修复它

---

问题在于，可编辑表格单元格在输出模式下的填充为

1rem

（PrimeFaces 10，Saga主题），但在输入模式下的填充为

0

。这是由以下规则引起的：

.ui datatable.ui datatable data tr.ui-row-editing td.ui-editable-column{
填充：0；
}

您可以通过在输入模式下的复选框中添加

1rem

填充来修复此差异

通过以下方式进行测试：

结果:

请注意，您需要使用的实际填充可能取决于PrimeFaces版本和您使用的主题。因此，首先使用浏览器的调试工具检查实际填充

另见：

---

您的项目中有css文件吗？如果有，请将styleClass属性添加到复选框中，如下所示：

p:selectBooleanCheckbox styleClass=“checkBoxStyle”

在css文件中，将该类配置为：``。checkBoxStyle{垂直对齐：中间；位置：相对；}```