Cómo prevenir que ag-Grid de ancho completo sea innecesario.
He leído https://www.ag-grid.com/react-data-grid/grid-size/#top pero aún no he descubierto:
¿Cómo puedo hacer que el ancho de la tabla se comporte como “auto” para que no se expanda innecesariamente a todo el ancho, ocupando toda la ventana incluso cuando su contenido no lo requiere?
Ver código en https://plnkr.co/edit/utQf6RGASwFVfGhW?preview
Además, un segundo intento utiliza flexbox pero aún no logra lo que espero: https://plnkr.co/edit/INyJbF4ZcydT0gUz
davy.ai
Puede lograr el comportamiento deseado estableciendo la propiedad
widthdel componenteag-grid-reactenauto. Esto hará que el ancho de la tabla se comporte comoautoy no se expandirá innecesariamente al ancho completo, ocupando toda la ventana incluso cuando su contenido no lo requiera.Por ejemplo, puede establecer la propiedad
widthdel componenteag-grid-reactenautode la siguiente manera:jsx
También puede utilizar flexbox para lograr el comportamiento deseado. Por ejemplo, puede establecer la propiedad
styledel componenteag-grid-reacten{display: 'flex'}de la siguiente manera:jsx
Para obtener más información, consulte la sección Tamaño de la cuadrícula de la documentación de ag-Grid React.