Material-ui: TableHeaderColumn ancho

Creado en 20 feb. 2016 · 3Comentarios · Fuente: mui-org/material-ui

Hola tios.
Estoy intentando establecer anchos personalizados para las columnas de la tabla sin éxito.
Haciendo esto:

                    <TableRowColumn width={70}>

funciona, pero hacer lo mismo en TableHeaderColumn no tiene ningún efecto.
También probé:

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

Mismo resultado. La columna del encabezado de la tabla sigue siendo del mismo tamaño.
¿Alguna sugerencia?

¡Gracias por adelantado!

question

Fuente

reflog

👍2

Comentario más útil

@Aweary : funciona por accidente y no por diseño. Los accesorios que no son MUI se extienden a los elementos <td> / <th> respectivamente, y width es un pre-HTML5

atributo que aún podría funcionar, pero no debería usarse.

En su lugar, use style={{width: '50px'}} o style={{width: '50%'}} .

@reflog : un recordatorio amistoso para que use los canales relevantes para preguntas y para mantener los problemas para errores confirmados, regresiones, etc.

mbrookes en 8 abr. 2016

👍3

Todos 3 comentarios

Según la API, ni <TableRowColumn> ni <TableHeaderColumn/> toman un width prop, así que tengo curiosidad por saber cómo funciona con <TableRowColumn>

aweary en 8 mar. 2016

@Aweary : funciona por accidente y no por diseño. Los accesorios que no son MUI se extienden a los elementos <td> / <th> respectivamente, y width es un pre-HTML5

atributo que aún podría funcionar, pero no debería usarse.

En su lugar, use style={{width: '50px'}} o style={{width: '50%'}} .

@reflog : un recordatorio amistoso para que use los canales relevantes para preguntas y para mantener los problemas para errores confirmados, regresiones, etc.

mbrookes en 8 abr. 2016

👍3

mejor use className = "" y defina ese className en el archivo css .. de esa manera puede manipular el ancho