How do I format column values in tabular visuals


Please guide me, how do I format a column values in a tabular visual. In my tabular visual, I have 4 columns (EmpID, Employeename, Location,Salary) and I would like to format Location values in blue color with no condition. I was trying to find the column class for a tabular visual, but no luck.

Thank you,

@Ganesh try something like this:

tr :nth-child(3) {
    background: lightblue;

You should also provide a custom class name in front of this CSS (i.e. custom-column) so that you can specify it to apply within the scope of your Visual like in the example below:

thank you @taddwood, I have used below and it worked for entire column. But want to avoid color for region(column name) and make it back to black as other column headers.

.custom-class tr :nth-child(3) {
    color: #0000FF ;

Sorry to bother, I am not so good at CSS and Java-scripts.


@Ganesh adding the tbody tag will allow you to apply the style to the column without the header being colored:

.custom-column tbody tr :nth-child(3) {
    background: lightblue;

Thank you @taddwood !!