行顏色根據屬性條件角度變化4

我是新的角4，我想做一個p-dataTable，並希望根據我的對象數量屬性更改行顏色。如果數量小於10，則行顏色將變爲紅色。行顏色根據屬性條件角度變化4

下面是我的代碼：

<p-dataTable [value]="myObjectList" 
        selectionMode="single" [rows]="10" [paginator]="true" 
        [pageLinks]="3" [rowsPerPageOptions]="[5,10,20]" [totalRecords]="totalRecords" [loading]="loading" exportFilename="InventoryDetailsReport" #dt></p-dataTable>

我google了很多了兩天，找到「rowStyleClass」在每一個情況下使用，但所有的例子是在ngPrime版本1.0.1

我的工作在版本4.1.3，我無法做行顏色。我該如何解決這個問題？

在此先感謝。

來源

2017-10-18 R_BD

您可以使用rowStyleClass - 獲取行數據和行索引作爲參數並返回該行的樣式類的函數。這是rowStyleMap方法的替代方法。

<p-dataTable ... [rowStyleClass]="setClass"></p-dataTable> 

setClass(rowData) { 
    return rowData.quantity < 10 ? 'classOne' : 'classTwo'; 
}

來源

2017-10-18 10:03:37 JsFan

感謝@jsFan老兄您的回覆，但我用這個過程中，我面臨的一個問題=>我有三個rowData但「setClass」函數調用的6倍。而且顏色也不會改變。 :( –

它被稱爲6次，因爲變化檢測運行兩次。 – JsFan

您可以驗證該類是否添加到元素？ – JsFan

行顏色根據屬性條件角度變化4

回答

相關問題