title: plot json data on html table using ajax response
body: <p>this is the sample json:</p>
  <pre><code>[
    {
      &quot;datetime&quot;: &quot;2020-07-01T00:00:00&quot;,
      &quot;params&quot;: [
        {
          &quot;parameterName&quot;: &quot;Temperature&quot;,
          &quot;value&quot;: 20,
          &quot;color&quot;: &quot;Green&quot;
        },
        {
          &quot;parameterName&quot;: &quot;PH Level&quot;,
          &quot;value&quot;: 86,
          &quot;color&quot;: &quot;Green&quot;
        },
        {
          &quot;parameterName&quot;: &quot;Partical Level&quot;,
          &quot;value&quot;: 2,
          &quot;color&quot;: &quot;Green&quot;
        },
        {
          &quot;parameterName&quot;: &quot;Oxygen Level&quot;,
          &quot;value&quot;: 8897,
          &quot;color&quot;: &quot;Green&quot;
        },
        {
          &quot;parameterName&quot;: &quot;Salinity&quot;,
          &quot;value&quot;: 8849,
          &quot;color&quot;: &quot;Green&quot;
        }
      ]
    },
    {
      &quot;datetime&quot;: &quot;2020-07-01T01:00:00&quot;,
      &quot;params&quot;: [
        {
          &quot;parameterName&quot;: &quot;Temperature&quot;,
          &quot;value&quot;: 21,
          &quot;color&quot;: &quot;Green&quot;
        },
        {
          &quot;parameterName&quot;: &quot;PH Level&quot;,
          &quot;value&quot;: 85,
          &quot;color&quot;: &quot;Green&quot;
        },
        {
          &quot;parameterName&quot;: &quot;Partical Level&quot;,
          &quot;value&quot;: 3,
          &quot;color&quot;: &quot;Green&quot;
        },
        {
          &quot;parameterName&quot;: &quot;Oxygen Level&quot;,
          &quot;value&quot;: 8895,
          &quot;color&quot;: &quot;Green&quot;
        },
        {
          &quot;parameterName&quot;: &quot;Salinity&quot;,
          &quot;value&quot;: 8847,
          &quot;color&quot;: &quot;Green&quot;
        }
      ]
    }
  ]
  </code></pre>
  <p>now i need to convert this json to html data table which should be looking like this:</p>
  <pre><code>date                | Temperature | PH Level | Partical Level | Oxygen Level | Salinity
  2020-07-01T00:00:00 | 20          | 86       | 2              | 8897         | 8849
  </code></pre>
  <p>search and other things are handled by javascript, what I need is the structure only where <em><strong>datetime</strong></em> will be row and column names will be the <em><strong>parameterName</strong></em> attribute. In one word the table should be looking like this</p>