Reactjs - HTML 5 adding color to <td> value

Question

How to add color to the html 5 <td> data?

for eg:

<td>{ this.props.item.status }</td>

Here I have to highlight status with some color.

Could anyone help me out on this?

Possible duplicate of How to apply CSS and Styling to a React component — James Donnelly
– James Donnelly, Commented Nov 2, 2017 at 10:27

Vitiok · Accepted Answer · 2017-11-02 10:44:18Z

0

You can use style tag in order to add style to your element:

    let tdStyle = {
        color: 'white',
    }
    <td style={tdStyle}>{ this.props.item.status }</td>

You can check official documentation here.

answered Nov 2, 2017 at 10:44

Vitiok

847 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1