• Edit
  • Download
    • <!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>ZingGrid: Github Issues</title>
  <script nonce="undefined" src="https://cdn.zinggrid.com/zinggrid.min.js"></script>
  <style>
    .button {
      background: #07C;
      border-radius: 3px;
      color: #FFF;
      cursor: pointer;
      margin: 15px 0;
      padding: 5px 20px;
      position: relative;
      text-align: center;
      top: 5px;
    }

    form {
      display: inline-block;
      width: 30%;
    }

    zing-grid[loading] {
      height: 539px;
    }
  </style>
</head>

<body>

  <zing-grid editor-controls context-menu caption="Github Issues Demo" editor>
    <zg-colgroup>
      <zg-column index="number" header="Number.Stats" editor="editor"></zg-column>
      <zg-column index="state" header="State" type="select" type-select-options="open,close"></zg-column>
      <zg-column index="title" header="Title"></zg-column>
      <zg-column index="body" header="Description"></zg-column>
    </zg-colgroup>
    <zg-data>
      <zg-param name="createOptions" value='{"method": "POST", "body": {"title": "-- New Placeholder --", "body": "-- Description --", "state":"open"}}'></zg-param>
      <zg-param name="deleteOptions" value='{"method": "PATCH", "body": {"state": "close"}}'></zg-param>
      <zg-param name="headers" value='{"Authorization": "token 288483a06d7ca33d9abfaf5cfda1dda99c5c23da"}'></zg-param>
      <zg-param name="idKey" value="number"></zg-param>
      <zg-param name="src" value="https://api.github.com/repos/zgdemo123/zgtest/issues"></zg-param>
      <zg-param name="updateOptions" value='{"row":{"method": "PATCH", "body": {"title":  "[[record.title]]", "body": "[[record.body]]"}}}'></zg-param>
    </zg-data>
  </zing-grid>

  <script>
    ZingGrid.setLicense(['26ccbfec16b8be9ee98c7d57bee6e498']);
  </script>
</body>

</html>
    <!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>ZingGrid: Github Issues</title>
  <script src="https://cdn.zinggrid.com/zinggrid.min.js"></script>
</head>

<body>

  <zing-grid editor-controls context-menu caption="Github Issues Demo" editor>
    <zg-colgroup>
      <zg-column index="number" header="Number.Stats" editor="editor"></zg-column>
      <zg-column index="state" header="State" type="select" type-select-options="open,close"></zg-column>
      <zg-column index="title" header="Title"></zg-column>
      <zg-column index="body" header="Description"></zg-column>
    </zg-colgroup>
    <zg-data>
      <zg-param name="createOptions" value='{"method": "POST", "body": {"title": "-- New Placeholder --", "body": "-- Description --", "state":"open"}}'></zg-param>
      <zg-param name="deleteOptions" value='{"method": "PATCH", "body": {"state": "close"}}'></zg-param>
      <zg-param name="headers" value='{"Authorization": "token 288483a06d7ca33d9abfaf5cfda1dda99c5c23da"}'></zg-param>
      <zg-param name="idKey" value="number"></zg-param>
      <zg-param name="src" value="https://api.github.com/repos/zgdemo123/zgtest/issues"></zg-param>
      <zg-param name="updateOptions" value='{"row":{"method": "PATCH", "body": {"title":  "[[record.title]]", "body": "[[record.body]]"}}}'></zg-param>
    </zg-data>
  </zing-grid>

</body>

</html>
    .button {
  background: #07C;
  border-radius: 3px;
  color: #FFF;
  cursor: pointer;
  margin: 15px 0;
  padding: 5px 20px;
  position: relative;
  text-align: center;
  top: 5px;
}

form {
  display: inline-block;
  width: 30%;
}