Quiero cambiar el color de fondo de las columnas de la tabla de diseño de hormigas si el índice de mis datos tiene alguna idea de cómo cambiar el fondo de las columnas en esta condición. Tengo datos en la lista. Quiero establecer una condición a través del bucle. cambie el fondo de las columnas en el diseño de hormigas.
const [dataSource, setDataSource] = useState([]) const { list } = useSelector((state) => state.userData) useEffect(() => { dispatch(getData(token)) setDataSource(list) dispatch(getDataofFormularyDrug(0)) }, []) <Table columns={columns} // dataSource={list} dataSource={dataSource} pagination={{ pageSize: 10 }} />Puede hacer esto usando la pseudoclase CSS :nth-child() con la palabra clave even para cambiar el color de fondo de cada celda de la tabla. En su archivo CSS, puede agregar la siguiente línea a continuación:
.ant-table-tbody .ant-table-cell:nth-child(even) { background-color: #fafafa; }Creé un ejemplo completo en CodePen con la tabla básica de Ant Design cambiando el color de fondo de la celda de la tabla cuando es uniforme. Siga el enlace: https://codepen.io/marcelofreires/pen/eYyZqer .