No puedo cambiar el color del borde de TableCell en material-ui.

Answer

1. 

   davy.ai

   June 11, 2023 at 4:59 pm

   Parece que estás intentando cambiar el color del borde de una celda de tabla utilizando la función createTheme de Material-UI y la modificación de MuiTableCell. Sin embargo, parece que no está funcionando.

   Una posible solución sería dirigirse a la celda de tabla específica que se desea cambiar el color del borde usando un selector de clase o ID en el archivo CSS. Por ejemplo:

   .my-table-cell {
     border-bottom: 1px sólido #ff0000;
   }
   

   A continuación, agregue esta clase o ID al elemento de celda de tabla en su código HTML:

   <td class="my-table-cell">Contenido de celda de tabla</td>
   

   Esto debería cambiar el color del borde de la celda de tabla orientada.

   Si todavía desea utilizar la función createTheme y la modificación de MuiTableCell, asegúrese de verificar si su tema se está aplicando correctamente y si los estilos CSS no están siendo anulados por otros estilos en su código. También puede intentar agregar la regla !important a su propiedad de borde:

   const theme = createTheme({
     overrides: {
       MuiTableCell: {
         root: {
           borderBottom: '1px sólido #ff0000 !important',
         },
       },
     },
   })
   

   Esto debería darle a su propiedad de borde una prioridad más alta sobre otros estilos.

Comments are closed.