• Edit
  • Download
    1. <!DOCTYPE html>
    2. <html>
    3.  
    4. <head>
    5.   <meta charset="utf-8">
    6.   <title>ZingGrid: Blank Grid</title>
    7.   <script nonce="undefined" src="https://cdn.zinggrid.com/zinggrid.min.js"></script>
    8.   <style>
    9.     body {
    10.       background: #e6e6e6;
    11.     }
    12.  
    13.     zing-grid[loading] {
    14.       height: 421px;
    15.     }
    16.   </style>
    17. </head>
    18.  
    19. <body>
    20.  
    21.   <zing-grid caption="REST Users" compact="" zebra="" role="grid" viewport="tablet-portrait">
    22.     <zg-data data='[
    23.   {
    24.     "first": "Diane",
    25.     "last": "Murphy",
    26.     "email": "dmurph13@gmail.com",
    27.     "id": "0"
    28.   },
    29.   {
    30.     "first": "Gerald",
    31.     "last": "Patterson",
    32.     "email": "gpat@yahoo.com",
    33.     "id": "1"
    34.   },
    35.   {
    36.     "first": "Julie",
    37.     "last": "Thompson",
    38.     "email": "jthompson@pint.com",
    39.     "id": "2"
    40.   },
    41.   {
    42.     "first": "Steve",
    43.     "last": "Bow",
    44.     "email": "stevebow45@gmail.com",
    45.     "id": "3"
    46.   },
    47.   {
    48.     "first": "Pamela",
    49.     "last": "Castillo",
    50.     "email": "pamcastillo@pint.com",
    51.     "id": "4"
    52.   },
    53.   {
    54.     "first": "Leslie",
    55.     "last": "Jennings",
    56.     "email": "lesliej@yahoo.com",
    57.     "id": "5"
    58.   },
    59.   {
    60.     "first": "Ryan",
    61.     "last": "Martin",
    62.     "email": "remymartin@gmail.com",
    63.     "id": "6"
    64.   },
    65.   {
    66.     "first": "Andy",
    67.     "last": "Howard",
    68.     "email": "andyh@pint.com",
    69.     "id": "7"
    70.   },
    71.   {
    72.     "first": "Michael",
    73.     "last": "Palmer",
    74.     "email": "mpalmer@gmail.com",
    75.     "id": "8"
    76.   },
    77.   {
    78.     "first": "Kevin",
    79.     "last": "Malone",
    80.     "email": "kevmalone@yahoo.com",
    81.     "id": "9"
    82.   }
    83. ]'></zg-data>
    84.   </zing-grid>
    85.  
    86.   <script>
    87.     ZingGrid.setLicense(['26ccbfec16b8be9ee98c7d57bee6e498']);
    88.   </script>
    89. </body>
    90.  
    91. </html>
    1. <!DOCTYPE html>
    2. <html>
    3.  
    4. <head>
    5.   <meta charset="utf-8">
    6.   <title>ZingGrid: Blank Grid</title>
    7.   <script src="https://cdn.zinggrid.com/zinggrid.min.js"></script>
    8. </head>
    9.  
    10. <body>
    11.  
    12.   <zing-grid caption="REST Users" compact="" zebra="" role="grid" viewport="tablet-portrait">
    13.     <zg-data data='[
    14.   {
    15.     "first": "Diane",
    16.     "last": "Murphy",
    17.     "email": "dmurph13@gmail.com",
    18.     "id": "0"
    19.   },
    20.   {
    21.     "first": "Gerald",
    22.     "last": "Patterson",
    23.     "email": "gpat@yahoo.com",
    24.     "id": "1"
    25.   },
    26.   {
    27.     "first": "Julie",
    28.     "last": "Thompson",
    29.     "email": "jthompson@pint.com",
    30.     "id": "2"
    31.   },
    32.   {
    33.     "first": "Steve",
    34.     "last": "Bow",
    35.     "email": "stevebow45@gmail.com",
    36.     "id": "3"
    37.   },
    38.   {
    39.     "first": "Pamela",
    40.     "last": "Castillo",
    41.     "email": "pamcastillo@pint.com",
    42.     "id": "4"
    43.   },
    44.   {
    45.     "first": "Leslie",
    46.     "last": "Jennings",
    47.     "email": "lesliej@yahoo.com",
    48.     "id": "5"
    49.   },
    50.   {
    51.     "first": "Ryan",
    52.     "last": "Martin",
    53.     "email": "remymartin@gmail.com",
    54.     "id": "6"
    55.   },
    56.   {
    57.     "first": "Andy",
    58.     "last": "Howard",
    59.     "email": "andyh@pint.com",
    60.     "id": "7"
    61.   },
    62.   {
    63.     "first": "Michael",
    64.     "last": "Palmer",
    65.     "email": "mpalmer@gmail.com",
    66.     "id": "8"
    67.   },
    68.   {
    69.     "first": "Kevin",
    70.     "last": "Malone",
    71.     "email": "kevmalone@yahoo.com",
    72.     "id": "9"
    73.   }
    74. ]'></zg-data>
    75.   </zing-grid>
    76.  
    77. </body>
    78.  
    79. </html>
    1. body {
    2.   background: #e6e6e6;
    3. }
    1.