Estoy usando Material-Table para mostrar datos. Estoy usando la propiedad columnsButton en las opciones de la tabla para permitir que los usuarios oculten columnas. Quiero anular las casillas de verificación que parecen alinearse con mi combinación de colores.
La propiedad columnsButton agrega este pequeño icono junto a la barra de búsqueda. Al hacer clic en él, se abre la ventana emergente que se ve a continuación. Desmarcar las opciones aquí ocultará las columnas de la tabla. No tengo que escribir ningún código adicional para este popover. Es una característica nativa de Material-Table.
Quiero cambiar el color del borde y el color marcado de estas casillas de verificación para que coincidan con mi tema de color.
Aquí está mi tabla:
<MaterialTable title="" data={intakes.intakes} columns={columns} icons={tableIcons} options={{ columnsButton: true }} />Puede usar ThemeProvider para anular el css predeterminado.
Enlace de Codesandbox: https://codesandbox.io/s/material-table-review-forked-06y5zf