styles for rows or individual cells about styled-material-components HOT 2 OPEN

Yes that works perfectly for my use case, thanks! the solution I forked just passes along a className prop to the row object, and that passes it down to the Datum component.

from styled-material-components.

We don't have a way of supporting that right now, but might consider doing so in the future (and would happily accept a PR). A way to achieve a similar effect would be to pass a react component with the desired class to individual cells. For example, if you had a table of price events like in the demo docs and you wanted some of the cells in the price column to be different colors, you could do something like:

const data = [
  {
    key: 'ssssdas',
    date: '02/01/17',
    event: 'Showing',
    price: '$14,500,000',
  },
  {
    key: '3oirj923o',
    date: '02/01/17',
    event: 'Price Change',
    price: <div className="yellow-text">{'$24,500,000'}</div>
  },
  {
    key: 'xzvxzcv',
    date: '02/01/17',
    event: 'Open House',
    price: <div className="blue-text">'{$5,500,000'}</div>
  },
];

Would something like that work for your use case?

from styled-material-components.