Tag: ANTD
Estoy trabajando en un proyecto de React y utilizando Ant Design junto a él. El problema con el que me encontré es que quería personalizar los componentes, es decir, anular algunos estilos como el padding, los márgenes, etc. Busqué en internet pero no encontré material relevante. Sería genial si alguien . . . Read more
Lo que quiero: Quiero abrir (expandir) el submenú de un menú específico cuando cambie/actualice el valor de defaultOpenKeys. Lo que he intentado: const [submenu, setSubmenu] = useState([]); useEffect(() => { setSubmenu([“sub1”]); }, []); … <Menu style={{ width: 256 }} defaultSelectedKeys={[“4″]} defaultOpenKeys={submenu} mode=”inline”> <Menu.Item key=”1″>Opción 1</Menu.Item> <Menu.Item key=”2″>Opción 2</Menu.Item> <SubMenu key=”sub1″ . . . Read more
Tengo una página que contiene un componente de barra de búsqueda y un componente de tabla de antd, y quiero que mi tabla de antd se actualice cada vez que cambie el origen de datos o cuando realizo una búsqueda en la barra de búsqueda. Por ahora, mi tabla solo . . . Read more
Estoy usando el componente Ant Design Progress. Necesito aumentar su capacidad. Por ejemplo, debería estar lleno al 500%. Ahora, cuando el número de percent aumenta más de 100, se llena. ¿Cómo puedo hacer esto? <Progress percent={percent} type="line" size="small" status="active" />; Así es como lo utilizo.
Este es mi código a continuación: const columns = [ { key: ‘1’, title: ‘id’, dataIndex: ‘id’ }, { key: ‘2’, title: ‘estado’, dataIndex: [‘status’, ‘id’], render: (text) => <a> {texto} / {id} </a> }, ]; Quiero mostrar los datos (texto/id) como en el siguiente código: const columns = [ . . . Read more