JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://unpkg.com/antd@2.11.0/dist/antd.min.css">
<script src="https://unpkg.com/react@15.6.1/dist/react.min.js"></script>
<script src="https://unpkg.com/react-dom@15.6.1/dist/react-dom.min.js"></script>
<script src="https://unpkg.com/antd@2.11.0/dist/antd.min.js"></script>
<div id="app"></div>

Babel + JSX

const { Table } = antd

class TableColor extends React.Component {
  constructor (props) {
    super(props)
		
    this.state = {
    	data: []
    }
  }

  componentDidMount() {
  	this.setState({
    	data: [
      	{id:1, name: 'one', color: '#fff'},
        {id:2, name: 'two', color: '#eee'},
        {id:3, name: 'three', color: '#ddd'}
      ]
    })
  }

  render () {
   const columns = [{
      title: 'ID',
      dataIndex: 'id',
      render(text, record) {
        return {
        	props: {
            style: { background: record.color },
          },
        	children: <div>{text}</div>,
        };
      },
    }, {
      title: 'Name',
      dataIndex: 'name',
      render(text, record) {
        return {
        	props: {
            style: { background: record.color },
          },
        	children: <div>{text}</div>,
        };
      },
    }]

    return (
    	<div style={{padding: '20px'}}>
        <Table
          columns={columns}
          dataSource={this.state.data}
          rowKey={record => record.id}
        />
     	</div>
    )
  }
}

ReactDOM.render(<TableColor />, document.querySelector('#app'))