Saltearse al contenido

Table

Componente de tabla

<Table
data={[{} /* Array de objetos */]}
columns={[
{ name: "Columna", selector: (el /* relativo a data */) => el.nombre },
]}
setRelativeData= setRelativeData /* guarda los datos relativos a la fila de la tabla */
hoverable
noDataMsg="Sin datos"
onClick={(data)=>{/* acción al realizar click */ }}
/>

Parametros

Parametrouso
dataarreglo de objetos de a mapear
columnsarreglo de objetos a traves de los cuales se extraeran los cnoombre de la scolumnas y las propiedades a las que se referencian (opcional)
setRelativeDatasetter de la variable de estado donde se guardaran los datos al abrir el menu contextual
contextualMenuItemsarreglo de objetos que contienen los elementos del menu contextual (opcional)
hoverableindica que se muestre el efecto hover al pasar el mouse sobre las filas (opcional)
noDataMsgmensaje que aparecera cuando no data no tenga elementos
onClickfuncion a llamar al hacer click sobre una fila (opcional)