PrimeFaces内联编辑<p：roweditor>重叠刻度图标和十字图标</p：roweditor>

Question

我正在使用primeface5.0，我使用的代码低于p:rowEditor's，但是勾选和交叉图标都重叠。

我无法更新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>