Jsf 2 Primefaces行编辑器与其他按钮位于同一列中
我有一个使用roweditor的datatable。一切都很好,但我需要添加几个按钮在栏中,我有铅笔按钮编辑。“其他”按钮总是在铅笔下面。我已尝试设置Jsf 2 Primefaces行编辑器与其他按钮位于同一列中,jsf-2,primefaces,Jsf 2,Primefaces,我有一个使用roweditor的datatable。一切都很好,但我需要添加几个按钮在栏中,我有铅笔按钮编辑。“其他”按钮总是在铅笔下面。我已尝试设置的style=“width:100%”属性。这样,该列将调整大小以适应任何其他组件。柱的跨度只能由任何封闭容器的大小限制。比如说 <h:panelGrid id="theGrid" style="width:200px"> <p:dataTable var="car" value="#{tableBean.carsSma
的style=“width:100%”
属性。这样,该列将调整大小以适应任何其他组件。柱的跨度只能由任何封闭容器的大小限制。比如说
<h:panelGrid id="theGrid" style="width:200px">
<p:dataTable var="car" value="#{tableBean.carsSmall}" id="carList" editable="true">
<p:column id="controlColumn" style="width:100%">
<p:rowEditor />
<p:commandButton value="Testing"/>
</p:column>
</p:dataTable>
</h:panelGrid>
在上面的代码片段中,
controlColumn
的跨度受到网格宽度的限制
.ui行编辑器{
显示:内联;
}
在Primefaces 5.x中:
.ui-row-editor:after {
clear: none !important;
}
另一个解决方案:
.ui-row-editor {
float: left;
}
我的另一个解决方案是:
.ui-row-editor{
display: inline-block;
}
那对我不起作用。在我的数据表中有
,然后是p:column
。现在只有删除按钮。@miroslav-最初您没有在这里发布代码,所以我根据经验回答。尽管如此,使用width=“#{column.width}”和style=“width:6px”
,您仍然不能期望不同的结果谢谢您的帮助。我决定使用不同风格的解决方案,这不再是一个问题。@kolossus我也有同样的问题,按钮不在同一级别,如果你解决了,你能发布你的解决方案吗?只有这对我有效,即使它现在没有在中心垂直对齐(这需要更多地修改CSS,尽管在此期间UI已经改变,所以我不会尝试)谢谢!
.ui-row-editor{
display: inline-block;
}