Material-ui: Largura de TableHeaderColumn

Criado em 20 fev. 2016 · 3Comentários · Fonte: mui-org/material-ui

Oi, pessoal.
Estou tentando definir larguras personalizadas para as colunas da tabela, sem sucesso.
Fazendo isso:

                    <TableRowColumn width={70}>

funciona, mas fazer o mesmo em TableHeaderColumn não tem efeito.
Eu também tentei:

              <TableHeaderColumn style={{width: 70}}>

O mesmo resultado. A coluna do cabeçalho da tabela permanece do mesmo tamanho.
Alguma sugestão?

Desde já, obrigado!

question

Fonte

reflog

👍2

Comentários muito úteis

@Aweary - Funciona por acidente, e não por design. Os adereços não-MUI são distribuídos para os elementos <td> / <th> respectivamente, e width é um pré-HTML5

atributo que ainda pode funcionar, mas não deve ser usado.

Em vez disso, use style={{width: '50px'}} ou style={{width: '50%'}} .

@reflog - um lembrete amigável para usar os canais relevantes para perguntas e manter os problemas para bugs confirmados, regressões etc.

mbrookes em 8 abr. 2016

👍3

Todos 3 comentários

De acordo com a API, nem <TableRowColumn> nem <TableHeaderColumn/> aceitam width prop, então estou curioso para saber como está funcionando com <TableRowColumn>

aweary em 8 mar. 2016

@Aweary - Funciona por acidente, e não por design. Os adereços não-MUI são distribuídos para os elementos <td> / <th> respectivamente, e width é um pré-HTML5

atributo que ainda pode funcionar, mas não deve ser usado.

Em vez disso, use style={{width: '50px'}} ou style={{width: '50%'}} .

@reflog - um lembrete amigável para usar os canais relevantes para perguntas e manter os problemas para bugs confirmados, regressões etc.

mbrookes em 8 abr. 2016

👍3

melhor usar className = "" e definir esse className no arquivo css .. dessa forma você pode manipular a largura