DeeboData JS Grid Angular Grid Changelog
Contact Us Demo Pricing

DeeboData Angular Add Column Styles

To pass Column Styles

These styles apply to values in a given column of the data grid. It technically works for any column, but it's recommended to only pass this for grouped columns that have very limited distinct values. The only css values processed now are color, font_size, font_weight, and text_decoration.
In the .ts component you want to use the data grid in
import { ColumnStyles, NgxDeebodata } from 'ngx-deebodata';
In the exported class
columnStyles: ColumnStyles[] = [
{
column: "party",
css: [
{ value: "Republican", color: "red", font_size: "18px" },
{ value: "Democrat", color: "blue", font_size: "18px" },
{ value: "Independent", color: "green", font_size: "18px" },
]
},
]
The configuration above produces the column styles below:


Customizable css styles per column value