Material-ui: TableHeaderLargeur de colonne

Créé le 20 févr. 2016 · 3Commentaires · Source: mui-org/material-ui

Salut les gars.
J'essaie de définir des largeurs personnalisées pour les colonnes du tableau sans succès.
Ce faisant:

                    <TableRowColumn width={70}>

fonctionne, mais faire de même sur TableHeaderColumn n'a aucun effet.
J'ai aussi essayé :

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

Même résultat. La colonne d'en-tête du tableau conserve la même taille.
Aucune suggestion?

Merci d'avance!

question

Source

reflog

👍2

Commentaire le plus utile

@Aweary - Cela fonctionne par accident plutôt que par conception. Les accessoires non MUI sont répartis respectivement sur les éléments <td> / <th> , et width est un pré-HTML5

attribut qui pourrait toujours fonctionner, mais ne devrait pas être utilisé.

Utilisez plutôt style={{width: '50px'}} ou style={{width: '50%'}} .

@reflog - un rappel amical d'utiliser les canaux appropriés pour les questions et de conserver les problèmes pour les bogues confirmés, les régressions, etc.

mbrookes le 8 avr. 2016

👍3

Tous les 3 commentaires

Selon l'API, ni <TableRowColumn> ni <TableHeaderColumn/> prennent un accessoire width , donc je suis curieux de savoir comment cela fonctionne avec <TableRowColumn>

aweary le 8 mars 2016

@Aweary - Cela fonctionne par accident plutôt que par conception. Les accessoires non MUI sont répartis respectivement sur les éléments <td> / <th> , et width est un pré-HTML5

attribut qui pourrait toujours fonctionner, mais ne devrait pas être utilisé.

Utilisez plutôt style={{width: '50px'}} ou style={{width: '50%'}} .

@reflog - un rappel amical d'utiliser les canaux appropriés pour les questions et de conserver les problèmes pour les bogues confirmés, les régressions, etc.

mbrookes le 8 avr. 2016

👍3

mieux utiliser className="" et définir ce className dans le fichier css .. de cette façon, vous pouvez manipuler la largeur