Table

Simple table based on JSON data object.

Code

const tableData = [
  {
    id: 1,
    name: "Lorem Ipsum",
    email: "lorem@email.com",
  },
  {
    id: 2,
    name: "Chuck Norris",
    email: "ipsum@email.com",
  },
  {
    id: 3,
    name: "Ipsum Lorem",
    email: "lorem@email.com",
  }
];

  <!-- Astro -->
  <Table data={tableData} />

  <!-- Vue -->
  <Table :data="tableData" />

Table

Code

const tableDataSecondary = [
  {
    name: "Lorem Ipsum",
    email: "lorem@email.com",
  },
  {
    name: "Chuck Norris",
    email: "ipsum@email.com",
  },
  {
    name: "Ipsum Lorem",
    email: "lorem@email.com",
  }
];


<Table data={tableDataSecondary} />