• Edit
  • Download
  • <!DOCTYPE html>
    <html>
    
    <head>
      <meta charset="utf-8">
      <title>ZingGrid Demo</title>
      <script nonce="undefined" src="https://cdn.zinggrid.com/zinggrid.min.js"></script>
      <style></style>
    </head>
    
    <body>
      <zing-grid>
        <zg-data data='[{
          "name": "Jason",
          "age": 20
        },
        {
          "name": "Greg",
          "age": 24
        },
        {
          "name": "Kevin",
          "age": 18
        },
        {
          "name": "Robert",
          "age": 21
        },
        {
          "name": "Danny",
          "age": 34
        }]'></zg-data>
        <zg-colgroup>
          <zg-column index="select" type="selector" width="75px"></zg-column>
          <zg-column index="edit" header="Edit" type="editor" width="75px"></zg-column>
          <zg-column index="name" header="Name"></zg-column>
          <zg-column index="age" header="Age" type="number"></zg-column>
          <zg-column index="remove" header="  X" type="remover" width="10px"></zg-column>
        </zg-colgroup>
      </zing-grid>
      <script></script>
    </body>
    
    </html>
    <!DOCTYPE html>
    <html>
    
    <head>
      <meta charset="utf-8">
      <title>ZingGrid Demo</title>
      <script src="https://cdn.zinggrid.com/zinggrid.min.js"></script>
    </head>
    
    <body>
      <zing-grid>
        <zg-data data='[{
          "name": "Jason",
          "age": 20
        },
        {
          "name": "Greg",
          "age": 24
        },
        {
          "name": "Kevin",
          "age": 18
        },
        {
          "name": "Robert",
          "age": 21
        },
        {
          "name": "Danny",
          "age": 34
        }]'></zg-data>
        <zg-colgroup>
          <zg-column index="select" type="selector" width="75px"></zg-column>
          <zg-column index="edit" header="Edit" type="editor" width="75px"></zg-column>
          <zg-column index="name" header="Name"></zg-column>
          <zg-column index="age" header="Age" type="number"></zg-column>
          <zg-column index="remove" header="  X" type="remover" width="10px"></zg-column>
        </zg-colgroup>
      </zing-grid>
    </body>
    
    </html>