如何在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 =“noBorders”放在p：dataList上。 在你的CSS文件或頁面樣式標簽上：

.noBorders *{
border: none !important;
}

如果失真仍然存在，您可以嘗試從datalist中刪除填充和邊距。