Jsf PrimeFaces内联编辑<;p:rowEditor/>;重叠勾号图标与交叉图标
我使用的是Jsf PrimeFaces内联编辑<;p:rowEditor/>;重叠勾号图标与交叉图标,jsf,primefaces,Jsf,Primefaces,我使用的是primeface5.0,在我使用的代码下面,但是p:rowEditor的勾号和叉号图标重叠 我无法更新dataTable值,请建议我如何分离rowEditor的两个图标 <p:dataTable id="dataTable" var="vendor" value="#{vendorBean.vendorList}" editable="true" > <p:ajax event="rowEdit" listener="#{vendorBean.onRowE
primeface5.0
,在我使用的代码下面,但是p:rowEditor的
勾号和叉号图标重叠
我无法更新dataTable值,请建议我如何分离rowEditor的两个图标
<p:dataTable id="dataTable" var="vendor" value="#{vendorBean.vendorList}" editable="true" >
<p:ajax event="rowEdit" listener="#{vendorBean.onRowEdit}" />
<p:ajax event="rowEditCancel" listener="#{vendorBean.onRowCancel}" />
<p:column headerText="Name" style="width:150px">
<p:cellEditor>
<f:facet name="output"><h:outputText value="#{vendor.str_VendorName}" /></f:facet>
<f:facet name="input"><p:inputText value="#{vendor.str_VendorName}" style="width:100%" label="Year"/></f:facet>
</p:cellEditor>
</p:column>
<p:column headerText="Category" style="width:150px">
<p:cellEditor>
<f:facet name="output"><h:outputText value="#{vendor.str_VendorType}" /></f:facet>
<f:facet name="input">
<p:inputText value="#{vendor.str_VendorType}" style="width:100%"/>
</f:facet>
</p:cellEditor>
</p:column>
<p:column style="width:50px">
<p:rowEditor />
</p:column>
</p:dataTable>
我从未在PrimeFaces 5.0或更高版本(甚至更早版本)上看到过这种情况。也许,您自己的一些CSS正在扮演这个角色style=“width:50px”
,我想50像素的宽度不足以容纳/容纳嵌入
的列中的两个图标。您可能需要充分增加它。@Tiny谢谢您的回复。很抱歉,两个图标都显示出来了,但它们彼此重叠。在发布dis问题时,我无法区分勾号图标。那么现在您可以告诉我如何将这两个图标分开吗?我无法这样做,因为它们是rowEditor的默认图标。它们应该是正确显示。我看到它们正确地显示在宽度为50像素的列中-…
。这可能是因为您自己的CSS/JS,如果您碰巧使用了我不知道的某个地方。请尝试在一个空白的JSF应用程序上重现此问题,该应用程序可能只有一个XHTML文件,而忽略所有其他XHTML标记和/或CSS/JS混乱(如果有)。(我目前正在使用PrimeFaces 5.1,但在过去很长一段时间里我一直在使用PrimeFaces 5.0,我从未见过这样的东西)。很可能是某些内容被重叠了,或者您可能正在使用一个旧的、模糊的、有缺陷的浏览器。非常感谢您的回复。@Tiny您是对的,这是因为我自己的CSS/JS。我刚刚删除了我的CSS/JS,现在它完全显示出来了。谢谢