Friday 23 February 2018

Row based styling for Primeng DataTable using Angualr 2,4

------------------------------------Component.Html----------------
<p-dataTable id="Tbl" [rowStyleClass]="FunctionName"> </p-dataTable>


-----------------------------------.Compoent.ts---------------------------
FunctionName(rowData) {
return rowData['Status'] == "COMPLETE" ? 'disabled-account-row' : '';
}


----------------------------.Component.css---------------------------------
.disabled-account-row {
/* TODO: first try this without '!important', but you might need it */
background: lightgreen !important;
}

No comments:

Post a Comment

SqlDataBaseLibrary

using System; using System.Collections.Generic; using System.Data; using System.Data.SqlClient; using AOS.Repository.Infrastructure; using S...