[Table] Add an ability to style a checkbox of table row

[Nek]

Problem Description

There is no way to add custom styling to a checkbox of a table row.

Versions

• Material-UI: 0.15.0-beta.2
• React: 15.0.1
• Browser: doesn't matter

[andreyluiz]

As a workaround:

<TableRow className="row"></TableRow>

.row {
  td {
    background-color: white !important;
  }
}

[ralexand56]

Is there a workaround for setting the height of the checkbox column? That seems to be overriding everything else in the row and you can't set it.

[andreyluiz]

Can't you use the same technique I wrote above?

[ralexand56]

Unless I'm missing something, unless I hide the checkbox, the height of the checkbox overrides any height I set on the row.

[ralexand56]

Actually, let me try that technique.

[ralexand56]

Yeah, no dice. I can set the style on each row column but since you don't manually add the checkbox column its not possible with it and it doesn't inherit the height from row and its set to 48px.

[ralexand56]

Does anyone know where that css style checkbox column style is stored in the module folder?

[oliviertassinari]

We have been porting the component on the v1-beta branch. We reimplemented it from the ground-up. While we haven't tested it, I think that the issue is most likely fixed on that branch. The Checkbox is exposed.