Table

No notes defined.

<table class="table table-hover">
  <thead>
    <tr>
      {{#each table_header}}
        <th scope="col">{{ table.header }}</th>
      {{/each}}
    </tr>
  </thead>
  <tbody>
    <tr class="table-data">
      {{#each table_data}}
        <td>{{ table.data1 }}</td>
      {{/each}}
    </tr>
    <tr class="table-data">
      {{#each table_data}}
        <td>{{ table.data2 }}</td>
      {{/each}}
    </tr>
    <tr class="table-data">
      {{#each table_data}}
        <td>{{ table.data3 }}</td>
      {{/each}}
    </tr>
    <tr class="table-data">
      {{#each table_data}}
        <td>{{ table.data4 }}</td>
      {{/each}}
    </tr>
    <tr class="table-data">
      {{#each table_data}}
        <td>{{ table.data5 }}</td>
      {{/each}}
    </tr>
    <tr class="table-data">
      {{#each table_data}}
        <td>{{ table.data6 }}</td>
      {{/each}}
    </tr>
    <tr class="table-data">
      {{#each table_data}}
        <td>{{ table.data7 }}</td>
      {{/each}}
    </tr>
    <tr class="table-data">
      {{#each table_data}}
        <td>{{ table.data8 }}</td>
      {{/each}}
    </tr>
  </tbody>
</table>
{
  "table_header": [
    {
      "table": {
        "header": "Project Title"
      }
    },
    {
      "table": {
        "header": "Template"
      }
    },
    {
      "table": {
        "header": "Organization"
      }
    },
    {
      "table": {
        "header": "Owner"
      }
    },
    {
      "table": {
        "header": "DMP ID"
      }
    },
    {
      "table": {
        "header": "Download"
      }
    }
  ],
  "table_data": [
    {
      "table": {
        "data1": "Quae minus molestiae autem vel maiores.",
        "data2": "Deleniti neque dolores ut voluptatem.",
        "data3": "Sed est qui mollitia dignissimos commodi repellendus.",
        "data4": "Fuga et tempora libero sit porro nihil autem sapiente delectus.",
        "data5": "Incidunt ipsam unde temporibus eos quo.",
        "data6": "Sapiente perferendis iusto sit.",
        "data7": "Corrupti rerum possimus in delectus quod et sequi adipisci exercitationem.",
        "data8": "Voluptas tempora odio accusamus."
      }
    },
    {
      "table": {
        "data1": "Esse vero voluptas.",
        "data2": "Ab tempore maxime molestias.",
        "data3": "Ut modi nulla.",
        "data4": "Non ea ut.",
        "data5": "Possimus neque velit corporis aut natus autem.",
        "data6": "Non qui quaerat aspernatur incidunt ad ipsam accusantium.",
        "data7": "In cumque asperiores sunt quam eum quibusdam hic eaque dolorem.",
        "data8": "Id cupiditate quaerat rem quaerat."
      }
    },
    {
      "table": {
        "data1": "Enim modi in adipisci facilis ipsa.",
        "data2": "Rerum iste voluptatem vitae est et perspiciatis ipsum quos.",
        "data3": "Omnis hic rem deserunt sed nihil laboriosam impedit praesentium facere.",
        "data4": "Occaecati blanditiis tenetur et aut eveniet repudiandae.",
        "data5": "Aliquam id ut.",
        "data6": "Quia voluptatem id quae recusandae.",
        "data7": "Rem et delectus accusantium.",
        "data8": "Necessitatibus esse suscipit omnis doloribus itaque molestiae."
      }
    },
    {
      "table": {
        "data1": "A reprehenderit ut perspiciatis libero maxime.",
        "data2": "Minima cumque natus quae tenetur culpa.",
        "data3": "Quis ipsum quasi debitis.",
        "data4": "Praesentium sed doloremque.",
        "data5": "Totam et ex cumque eos culpa vel a et.",
        "data6": "Ipsum consequatur animi maxime modi porro dolores incidunt cum.",
        "data7": "Omnis inventore sed ut nam omnis dolorem et alias.",
        "data8": "Suscipit ipsum sit nihil vel soluta blanditiis veniam."
      }
    },
    {
      "table": {
        "data1": "Odio distinctio cupiditate ut aut.",
        "data2": "Odit vel rem veritatis et eveniet nobis amet facilis incidunt.",
        "data3": "Dolor laudantium dolor ut esse.",
        "data4": "Accusamus cum asperiores.",
        "data5": "Distinctio tempore et soluta illo eos.",
        "data6": "Dolores nihil cupiditate.",
        "data7": "Accusamus ipsa velit adipisci.",
        "data8": "Rerum tenetur dignissimos blanditiis quia ipsa aut amet."
      }
    },
    {
      "table": {
        "data1": "Consequuntur et officiis quaerat et enim veniam possimus veritatis quisquam.",
        "data2": "Eveniet corporis quis in libero unde facere animi.",
        "data3": "Molestiae laboriosam temporibus enim ratione labore hic et.",
        "data4": "Consequatur exercitationem perferendis recusandae minima.",
        "data5": "Possimus facere earum modi blanditiis fuga praesentium reprehenderit nemo ipsa.",
        "data6": "Eos similique nulla consequatur.",
        "data7": "Libero facilis quia vel consequatur.",
        "data8": "Officiis sit porro tenetur laboriosam sed vero qui nisi itaque."
      }
    }
  ]
}
<table class="table table-hover">
    <thead>
        <tr>
            <th scope="col">Project Title</th>
            <th scope="col">Template</th>
            <th scope="col">Organization</th>
            <th scope="col">Owner</th>
            <th scope="col">DMP ID</th>
            <th scope="col">Download</th>
        </tr>
    </thead>
    <tbody>
        <tr class="table-data">
            <td>Quae minus molestiae autem vel maiores.</td>
            <td>Esse vero voluptas.</td>
            <td>Enim modi in adipisci facilis ipsa.</td>
            <td>A reprehenderit ut perspiciatis libero maxime.</td>
            <td>Odio distinctio cupiditate ut aut.</td>
            <td>Consequuntur et officiis quaerat et enim veniam possimus veritatis quisquam.</td>
        </tr>
        <tr class="table-data">
            <td>Deleniti neque dolores ut voluptatem.</td>
            <td>Ab tempore maxime molestias.</td>
            <td>Rerum iste voluptatem vitae est et perspiciatis ipsum quos.</td>
            <td>Minima cumque natus quae tenetur culpa.</td>
            <td>Odit vel rem veritatis et eveniet nobis amet facilis incidunt.</td>
            <td>Eveniet corporis quis in libero unde facere animi.</td>
        </tr>
        <tr class="table-data">
            <td>Sed est qui mollitia dignissimos commodi repellendus.</td>
            <td>Ut modi nulla.</td>
            <td>Omnis hic rem deserunt sed nihil laboriosam impedit praesentium facere.</td>
            <td>Quis ipsum quasi debitis.</td>
            <td>Dolor laudantium dolor ut esse.</td>
            <td>Molestiae laboriosam temporibus enim ratione labore hic et.</td>
        </tr>
        <tr class="table-data">
            <td>Fuga et tempora libero sit porro nihil autem sapiente delectus.</td>
            <td>Non ea ut.</td>
            <td>Occaecati blanditiis tenetur et aut eveniet repudiandae.</td>
            <td>Praesentium sed doloremque.</td>
            <td>Accusamus cum asperiores.</td>
            <td>Consequatur exercitationem perferendis recusandae minima.</td>
        </tr>
        <tr class="table-data">
            <td>Incidunt ipsam unde temporibus eos quo.</td>
            <td>Possimus neque velit corporis aut natus autem.</td>
            <td>Aliquam id ut.</td>
            <td>Totam et ex cumque eos culpa vel a et.</td>
            <td>Distinctio tempore et soluta illo eos.</td>
            <td>Possimus facere earum modi blanditiis fuga praesentium reprehenderit nemo ipsa.</td>
        </tr>
        <tr class="table-data">
            <td>Sapiente perferendis iusto sit.</td>
            <td>Non qui quaerat aspernatur incidunt ad ipsam accusantium.</td>
            <td>Quia voluptatem id quae recusandae.</td>
            <td>Ipsum consequatur animi maxime modi porro dolores incidunt cum.</td>
            <td>Dolores nihil cupiditate.</td>
            <td>Eos similique nulla consequatur.</td>
        </tr>
        <tr class="table-data">
            <td>Corrupti rerum possimus in delectus quod et sequi adipisci exercitationem.</td>
            <td>In cumque asperiores sunt quam eum quibusdam hic eaque dolorem.</td>
            <td>Rem et delectus accusantium.</td>
            <td>Omnis inventore sed ut nam omnis dolorem et alias.</td>
            <td>Accusamus ipsa velit adipisci.</td>
            <td>Libero facilis quia vel consequatur.</td>
        </tr>
        <tr class="table-data">
            <td>Voluptas tempora odio accusamus.</td>
            <td>Id cupiditate quaerat rem quaerat.</td>
            <td>Necessitatibus esse suscipit omnis doloribus itaque molestiae.</td>
            <td>Suscipit ipsum sit nihil vel soluta blanditiis veniam.</td>
            <td>Rerum tenetur dignissimos blanditiis quia ipsa aut amet.</td>
            <td>Officiis sit porro tenetur laboriosam sed vero qui nisi itaque.</td>
        </tr>
    </tbody>
</table>