Saltearse al contenido

Table

Table es un componente que proporciona una tabla que puedes utilizar en tu aplicación.

Ejemplo

example_table.tsx
import { Table } from '@vixen-js/core-react';
export function TableExample() {
return (
<Table
cellRange={{ row: 2, column: 3 }}
style="flex: 1;"
horizontalHeaderLabels={["Name", "Lastname", "Email"]}
>
<TableItem cellPosition={[0, 0]} text="Pepe" toolTip="The name of the person"/>
<TableItem cellPosition={[0, 1]} text="Perez"/>
<TableItem cellPosition={[0, 2]} text="pepe.perez@mail.com"/>
<TableItem cellPosition={[1, 0]} text="Dave" />
<TableItem cellPosition={[1, 1]} text="Velasquez"/>
<TableItem cellPosition={[1, 2]} text="dave.velasquez@mail.com"/>
</Table>
);
}

Aprende más sobre Table