• Edit
  • Download
    1. <!DOCTYPE html>
    2. <html>
    3.  
    4. <head>
    5. <meta charset="utf-8">
    6. <title>ZingGrid Demo</title>
    7. <script nonce="undefined" src="https://cdn.zinggrid.com/zinggrid.min.js"></script>
    8. <style>
    9. html,
    10. body {
    11. height: 100%;
    12. width: 100%;
    13. margin: 0;
    14. padding: 0;
    15. }
    16.  
    17. #myChart {
    18. height: 100%;
    19. width: 100%;
    20. min-height: 150px;
    21. }
    22.  
    23. .zc-ref {
    24. display: none;
    25. }
    26. </style>
    27. </head>
    28.  
    29. <body>
    30. <zing-grid>
    31. <zg-data src="https://zinggrid-examples.firebaseio.com/movies/" adapter="firebase">
    32. <zg-param name="sortBy" value='"title"'></zg-param>
    33. <zg-param name="queryString" value="startAt=1&limitToLast=8"></zg-param>
    34. </zg-data>
    35. </zing-grid>
    36. <script>
    37. ZingGrid.setLicense(['26ccbfec16b8be9ee98c7d57bee6e498']);
    38. </script>
    39. </body>
    40.  
    41. </html>
    1. <!DOCTYPE html>
    2. <html>
    3.  
    4. <head>
    5. <meta charset="utf-8">
    6. <title>ZingGrid Demo</title>
    7. <script src="https://cdn.zinggrid.com/zinggrid.min.js"></script>
    8. </head>
    9.  
    10. <body>
    11. <zing-grid>
    12. <zg-data src="https://zinggrid-examples.firebaseio.com/movies/" adapter="firebase">
    13. <zg-param name="sortBy" value='"title"'></zg-param>
    14. <zg-param name="queryString" value="startAt=1&limitToLast=8"></zg-param>
    15. </zg-data>
    16. </zing-grid>
    17. </body>
    18.  
    19. </html>
    1. html,
    2. body {
    3. height: 100%;
    4. width: 100%;
    5. margin: 0;
    6. padding: 0;
    7. }
    8.  
    9. #myChart {
    10. height: 100%;
    11. width: 100%;
    12. min-height: 150px;
    13. }
    14.  
    15. .zc-ref {
    16. display: none;
    17. }
    1.