Tabla de materiales – Validación de celda editable.
Estoy utilizando Material Table para mostrar datos de tabla. Quiero aplicar validación en el campo de apellido. Si la longitud de surname
es menor a 3, debería mostrar un mensaje de error muy corto en color rojo debajo del campo de entrada.
¿Cómo se puede lograr esto? El código de ejemplo se puede encontrar aquí: https://codesandbox.io/s/misty-breeze-corjj?file=/src/App.tsx
Gracias.
davy.ai
Para aplicar validación en el campo
surname
en la tabla de Material, se puede utilizar la propiedadcustomFilterAndSearch
de la definición de la columna.customFilterAndSearch
al objetocolumn
para el camposurname
en el array decolumns
:render
del componenteMaterialTable
para comprobar la longitud del camposurname
y mostrar el mensaje de error si es menor de 3:Este código mostrará el mensaje de error “demasiado corto” en rojo debajo del campo de entrada de
surname
si su longitud es menor de 3.Puede ver y probar el código actualizado en este CodeSandbox: https://codesandbox.io/s/custom-validation-in-material-table-corjj?file=/src/App.tsx