• Edit
  • Download
    1. <!DOCTYPE html>
    2. <html class="zg-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. .zg-body {
    10. background: #e6e6e6;
    11. }
    12.  
    13. zing-grid[loading] {
    14. height: 643px;
    15. }
    16. </style>
    17. </head>
    18.  
    19. <body class="zg-body">
    20.  
    21. <zing-grid batch-edit editor-controls editor="modal" caption="VoltVotage eBike Users">
    22. <zg-data data='[{
    23. "firstName": "Alice",
    24. "lastName": "Smith",
    25. "email": "asmith@voltvoyage.com"
    26. },
    27. {
    28. "firstName": "Yong",
    29. "lastName": "Lee",
    30. "email": "ylee@voltvoyage.com"
    31. },
    32. {
    33. "firstName": "Michael",
    34. "lastName": "Brown",
    35. "email": "mbrown@voltvoyage.com"
    36. },
    37. {
    38. "firstName": "Chris",
    39. "lastName": "Jones",
    40. "email": "cjones@voltvoyage.com"
    41. },
    42. {
    43. "firstName": "Bella",
    44. "lastName": "Rodriguez",
    45. "email": "brodriguez@voltvoyage.com"
    46. },
    47. {
    48. "firstName": "John",
    49. "lastName": "Doe",
    50. "email": "jdoe@voltvoyage.com"
    51. },
    52. {
    53. "firstName": "Mark",
    54. "lastName": "Martinez",
    55. "email": "mmartinez@voltvoyage.com"
    56. },
    57. {
    58. "firstName": "Tina",
    59. "lastName": "Thompson",
    60. "email": "tthompson@voltvoyage.com"
    61. },
    62. {
    63. "firstName": "Kim",
    64. "lastName": "Nguyen",
    65. "email": "knguyen@voltvoyage.com"
    66. },
    67. {
    68. "firstName": "Laura",
    69. "lastName": "White",
    70. "email": "lwhite@voltvoyage.com"
    71. }
    72. ]'></zg-data>
    73. </zing-grid>
    74.  
    75. <script>
    76. ZingGrid.setLicense(['26ccbfec16b8be9ee98c7d57bee6e498']);
    77. </script>
    78. </body>
    79.  
    80. </html>
    1. <!DOCTYPE html>
    2. <html class="zg-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 class="zg-body">
    11.  
    12. <zing-grid batch-edit editor-controls editor="modal" caption="VoltVotage eBike Users">
    13. <zg-data data='[{
    14. "firstName": "Alice",
    15. "lastName": "Smith",
    16. "email": "asmith@voltvoyage.com"
    17. },
    18. {
    19. "firstName": "Yong",
    20. "lastName": "Lee",
    21. "email": "ylee@voltvoyage.com"
    22. },
    23. {
    24. "firstName": "Michael",
    25. "lastName": "Brown",
    26. "email": "mbrown@voltvoyage.com"
    27. },
    28. {
    29. "firstName": "Chris",
    30. "lastName": "Jones",
    31. "email": "cjones@voltvoyage.com"
    32. },
    33. {
    34. "firstName": "Bella",
    35. "lastName": "Rodriguez",
    36. "email": "brodriguez@voltvoyage.com"
    37. },
    38. {
    39. "firstName": "John",
    40. "lastName": "Doe",
    41. "email": "jdoe@voltvoyage.com"
    42. },
    43. {
    44. "firstName": "Mark",
    45. "lastName": "Martinez",
    46. "email": "mmartinez@voltvoyage.com"
    47. },
    48. {
    49. "firstName": "Tina",
    50. "lastName": "Thompson",
    51. "email": "tthompson@voltvoyage.com"
    52. },
    53. {
    54. "firstName": "Kim",
    55. "lastName": "Nguyen",
    56. "email": "knguyen@voltvoyage.com"
    57. },
    58. {
    59. "firstName": "Laura",
    60. "lastName": "White",
    61. "email": "lwhite@voltvoyage.com"
    62. }
    63. ]'></zg-data>
    64. </zing-grid>
    65.  
    66. </body>
    67.  
    68. </html>
    1. .zg-body {
    2. background: #e6e6e6;
    3. }
    1.