0
216
Views¿Hay alguna manera de volver a la línea dinámicamente cuando no hay suficiente espacio mientras se usa el componente de cuadrícula de datos de interfaz de usuario de material?
Estoy usando el componente de cuadrícula de datos de material ui, traigo algunos datos de una base de datos e intento pasarlos al componente de cuadrícula de datos.
Algunos campos contienen cadenas largas y no todas aparecen en la columna (Titre PFE) .
Lo que estoy tratando de hacer es mostrar algo como eso:
Desarrollo de una aplicación móvil
comercio electrónico
<div style={{ height: 515, width: "100%" }}>
<DataGrid
rows={pfeList}
columns={columns}
pageSize={8}
autoPageSize
rowsPerPageOptions={[7]}
/>
</div>
const columns = [
{
field: "titre",
headerName: "Titre PFE",
headerAlign: "center",
width: 380,
},
.
.
.
.
.
];
¿Qué debo arreglar aquí para obtener el resultado deseado?
·
Santiago Trujillo
1 answers
Answer question0
Para hacerlo correctamente, debe hacer que las alturas de las filas sean dinámicas . Puede agregar getRowHeight={() => "auto"} prop a DataGrid para hacer que las filas sean dinámicas.
Puede echar un vuezo a este sandbox para ver un ejemplo de trabajo en vivo de esta solución.
·
Santiago Trujillo
Report
Answer question