• 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. zing-grid[loading] {
    18. height: 277px;
    19. }
    20. </style>
    21. </head>
    22.  
    23. <body>
    24. <table is="zing-grid" data-zg-caption="Table Data Source">
    25. <tr>
    26. <th>First</th>
    27. <th>Last</th>
    28. <th>Number</th>
    29. </tr>
    30. <tr>
    31. <td><b>Maria</b></td>
    32. <td>John</td>
    33. <td>123</td>
    34. </tr>
    35. <tr>
    36. <td><ins>David</ins></td>
    37. <td>Smith</td>
    38. <td>456</td>
    39. </tr>
    40. <tr>
    41. <td><i>Felicity</i></td>
    42. <td>Snow</td>
    43. <td>789</td>
    44. </tr>
    45. </table>
    46. <script>
    47. ZingGrid.setLicense(['26ccbfec16b8be9ee98c7d57bee6e498']);
    48. </script>
    49. </body>
    50.  
    51. </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. <table is="zing-grid" data-zg-caption="Table Data Source">
    12. <tr>
    13. <th>First</th>
    14. <th>Last</th>
    15. <th>Number</th>
    16. </tr>
    17. <tr>
    18. <td><b>Maria</b></td>
    19. <td>John</td>
    20. <td>123</td>
    21. </tr>
    22. <tr>
    23. <td><ins>David</ins></td>
    24. <td>Smith</td>
    25. <td>456</td>
    26. </tr>
    27. <tr>
    28. <td><i>Felicity</i></td>
    29. <td>Snow</td>
    30. <td>789</td>
    31. </tr>
    32. </table>
    33. </body>
    34.  
    35. </html>
    1. html,
    2. body {
    3. height: 100%;
    4. width: 100%;
    5. margin: 0;
    6. padding: 0;
    7. }
    1.