Table

Table is a component that provides a table that you can use in your application.

Example

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>
    );
}

Learn more about Table