Tag: REACT-TABLE
Me gustaría renderizar un componente de tabla en la ruta “/game” después de hacer clic en un grupo de botones de dificultad. Por lo tanto, la aplicación debe cambiar de la ruta “/” a “/game” y renderizar una tabla adecuada según un estado de dificultad establecido en DifficultyButtons.js. Manejo los . . . Read more
La documentación de React Table es realmente escasa y no puedo entender los ejemplos. Por ejemplo aquí: https://react-table.tanstack.com/docs/examples/data-driven-classes-and-styles, vemos este código: {row.cells.map(cell => { return ( <td devuelve=”” una=”” matriz=”” de=”” objetos=”” de=”” propiedades=”” y=”” react-table=”” los=”” fusionará=”” adecuadamente=”” {…cell.getcellprops([=”” {=”” classname:=”” cell.column.classname,=”” style:=”” cell.column.style,=”” },=”” getcolumnprops(cell.column),=”” getcellprops(cell),=”” ])}=””> {cell.render(‘Cell’)} . . . Read more
Estoy trabajando en una tabla de react. Tengo un pequeño problema con la barra de desplazamiento horizontal. Cuando la tabla tiene una barra de desplazamiento horizontal, la barra de desplazamiento vertical solo es visible DESPUÉS de desplazarnos horizontalmente hasta el final. ¿Es posible colocar una barra de desplazamiento vertical de . . . Read more
Esta es la tabla que tengo ahora mismo. El problema es que cuando quiero ordenar, por ejemplo, la columna “Driver”, todas las demás columnas también se ordenan. Quiero poder ordenarlas una por una y solo cuando se hace clic. “` import './Table.css' import { useMemo } from 'react' import { . . . Read more
Me gustaría saber si es necesario utilizar useMemo en React Table para las columnas y los datos, y si es así, ¿por qué? Este es mi código: import React, { useMemo } from “react”; import useData from “../../hooks/useData”; import Table from “./Table”; import Loader from “../../assets/imgs/loader.svg”; const TableSection = React.memo(({ . . . Read more