Buenas tardes
Estoy haciendo una cuadrícula de datos usando la cuadrícula de datos MUI y siguiendo la Guía MUI. Y ahora estoy atascado en un problema en el que puse dos campos con el mismo nombre porque necesito dos columnas (una para la fecha y otra para el nombre), y cuando renderizo solo aparece una columna. Supongo que es porque no puede haber dos campos con el mismo nombre. Trato de encontrar otros métodos, sin embargo no puedo ver cómo.
const columns = [ { field: 'id', headerName: "ID", minWidth: 50, type:"number", align:'left', hide:'true' }, { field: 'customer', headerName: 'Customer', valueGetter: ({ value }) => value.email, width: 250, }, { field: 'paid', headerName: 'Customer has paid?', width: 250, }, { field: 'total', headerName: 'Cost', width: 150, }, { field: 'details', headerName: 'Ready By', type: 'datetime', valueGetter: ({ value }) => value.ready_by && new Date(value.ready_by), width: 250, }, { field: 'details', headerName: 'Name', valueGetter: ({ value }) => value[0].name, width: 250, }, ];Como puede ver, hay dos columnas con el campo "detalles". Las quiero en columnas diferentes. Pero no sé cómo hacerlo.
Gracias
No sé si ya lo ha intentado, pero cambie uno de los 'detalles' a 'detalles2'. Todavía debería funcionar ya que está utilizando un valueGetter personalizado.