Componentes
This commit is contained in:
@@ -0,0 +1,23 @@
|
||||
export const tableColumnWidth = `interface RowData {
|
||||
name: string;
|
||||
age: number;
|
||||
email: string;
|
||||
}
|
||||
|
||||
export default function Page() {
|
||||
const headers: Header<RowData>[] = [
|
||||
{ key: "name", label: "Nombre", width: "50%" },
|
||||
{ key: "age", label: "Edad", width: "15%" },
|
||||
{ key: "email", label: "Correo electrónico", width: "35%" },
|
||||
];
|
||||
|
||||
const data: RowData[] = [
|
||||
{ name: "Juan", age: 20, email: "juan@example.com" },
|
||||
{ name: "María", age: 25, email: "maria@example.com" },
|
||||
{ name: "Pedro", age: 30, email: "pedro@example.com" },
|
||||
{ name: "Luisa", age: 28, email: "luisa@example.com" },
|
||||
];
|
||||
|
||||
return <Table headers={headers} data={data} />;
|
||||
}
|
||||
`;
|
||||
Reference in New Issue
Block a user