<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ZingGrid Demo</title> <script nonce="undefined" src="https://cdn.zinggrid.com/zinggrid.min.js"></script> <style></style> </head> <body> <zing-grid> <zg-data data='[{ "name": "Jason", "age": 20 }, { "name": "Greg", "age": 24 }, { "name": "Kevin", "age": 18 }, { "name": "Robert", "age": 21 }, { "name": "Danny", "age": 34 }]'></zg-data> <zg-colgroup> <zg-column index="select" type="selector" width="75px"></zg-column> <zg-column index="edit" header="Edit" type="editor" width="75px"></zg-column> <zg-column index="name" header="Name"></zg-column> <zg-column index="age" header="Age" type="number"></zg-column> <zg-column index="remove" header=" X" type="remover" width="10px"></zg-column> </zg-colgroup> </zing-grid> <script> ZingGrid.setLicense(['26ccbfec16b8be9ee98c7d57bee6e498']); </script> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ZingGrid Demo</title> <script src="https://cdn.zinggrid.com/zinggrid.min.js"></script> </head> <body> <zing-grid> <zg-data data='[{ "name": "Jason", "age": 20 }, { "name": "Greg", "age": 24 }, { "name": "Kevin", "age": 18 }, { "name": "Robert", "age": 21 }, { "name": "Danny", "age": 34 }]'></zg-data> <zg-colgroup> <zg-column index="select" type="selector" width="75px"></zg-column> <zg-column index="edit" header="Edit" type="editor" width="75px"></zg-column> <zg-column index="name" header="Name"></zg-column> <zg-column index="age" header="Age" type="number"></zg-column> <zg-column index="remove" header=" X" type="remover" width="10px"></zg-column> </zg-colgroup> </zing-grid> </body> </html>