• 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: 213px;
    15. }
    16. </style>
    17. </head>
    18.  
    19. <body class="zg-body">
    20. <h3>`[typeRadioOptions]` sets the options for type 'radio' editor. Double-click any cell in "First" column to display "radio" editor.</h3>
    21.  
    22. <zing-grid editor>
    23. <zg-data data='[
    24. { "first": "Maria", "last": "John", "number": 123 },
    25. { "first": "David", "last": "Smith", "number": 456 },
    26. { "first": "Felicity", "last": "Snow", "number": 789 }
    27. ]'></zg-data>
    28. <zg-colgroup>
    29. <zg-column index="first" type="radio" type-radio-options='["Maria", "David", "Felicity"]'></zg-column>
    30. <zg-column index="last"></zg-column>
    31. <zg-column index="number"></zg-column>
    32. </zing-grid>
    33.  
    34. <script>
    35. ZingGrid.setLicense(['26ccbfec16b8be9ee98c7d57bee6e498']);
    36. </script>
    37. </body>
    38.  
    39. </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. <h3>`[typeRadioOptions]` sets the options for type 'radio' editor. Double-click any cell in "First" column to display "radio" editor.</h3>
    12.  
    13. <zing-grid editor>
    14. <zg-data data='[
    15. { "first": "Maria", "last": "John", "number": 123 },
    16. { "first": "David", "last": "Smith", "number": 456 },
    17. { "first": "Felicity", "last": "Snow", "number": 789 }
    18. ]'></zg-data>
    19. <zg-colgroup>
    20. <zg-column index="first" type="radio" type-radio-options='["Maria", "David", "Felicity"]'></zg-column>
    21. <zg-column index="last"></zg-column>
    22. <zg-column index="number"></zg-column>
    23. </zing-grid>
    24.  
    25. </body>
    26.  
    27. </html>
    1. .zg-body {
    2. background: #e6e6e6;
    3. }
    1.