如何在Primeface的列中删除PrimeFaces dataList的边框？

Question

在我的webapp中，我在Primeface的列中声明了一个Primeface的dataList，而这个列又位于PF dataTable中，如下所示：

<p:dataTable id="equip_table" 
    value="#{virtualBean.listEquip}" 
    var="item" 
    paginator="true" 
    rows="100"
    rowsPerPageTemplate="100,50,10,5" >

    ...

    <p:column 
        headerText="Operador | Equipamentos reais" 
        style="padding: 5px; >
        <p:dataList 
            style="border: none;"
            value="#{item.equipReals}" 
            var="equips" >
            <h:outputText value="#{equips.operator}" />
            <h:outputText value=" | " />
            <h:outputText value="#{equips.equip.nome}" />
        </p:dataList >
    </p:column>

视觉结果如下图所示：dataList正确放入列中，但周围有不需要的边框。不仅如此，它还会在表格的网格中产生（大约）1个像素的失真：

我希望删除这两个不需要的错误：显示的数据周围没有边框，表格中没有失真。我想象这可以通过更改上面的样式style="border: none;"来完成，但这并不像将轮廓设置为无，将边框/轮廓颜色更改为白色等一样有效。这些命令是领先的没有效果。我尝试在列style调用中进行类似的编码，但这会影响整个列的行为，这是不受欢迎的。在SO上冲浪我发现了一些可能的解决方案涉及更复杂的.css编程，我无法适应我的情况。没有这样的解决方案，我甚至无法处理表格单元错位。

那么如何删除此内容的边框？关于桌面错位可以做些什么？

Answer 1

尝试使用styleClass =＆＃34; noBorders＆＃34;在p：dataList上。以及CSS文件或页面样式标记：

.noBorders *{
border: none !important;
}

如果失真仍然存在，您可以尝试从datalist中删除填充和边距。