title: How do I parse php values in the ionic grid
body: <p><a href="https://i.stack.imgur.com/454tA.png" rel="nofollow noreferrer">This is the response I am getting through my html document</a>Guys I want to display values in a table format in ionic. So I am using grid to get the same output. I am facing a lot of problems when it comes to parsing the data from a json response. I have created a json response and want to display the values in a table format. This is my json response.</p>
  
  <pre><code>{
      "success": true,
      "data": [{
          "iMISParamCatID": "1",
          "vCatName": "Alerts",
          "iLocID": "1",
          "paramname": "-ve Batches",
          "fValue": "399.00"
      },, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "6",
          "paramname": "Discounts",
          "fValue": "367.48"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "7",
          "paramname": "Discounts",
          "fValue": "530.21"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "1",
          "paramname": "Owners",
          "fValue": "-1.00"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "2",
          "paramname": "Owners",
          "fValue": "3869.00"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "3",
          "paramname": "Owners",
          "fValue": "-1.00"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "4",
          "paramname": "Owners",
          "fValue": "-1.00"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "5",
          "paramname": "Owners",
          "fValue": "-1.00"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "6",
          "paramname": "Owners",
          "fValue": "-1.00"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "7",
          "paramname": "Owners",
          "fValue": "343.00"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "1",
          "paramname": "Staff",
          "fValue": "547.00"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "2",
          "paramname": "Staff",
          "fValue": "1422.00"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "3",
          "paramname": "Staff",
          "fValue": "-1.00"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "4",
          "paramname": "Staff",
          "fValue": "-1.00"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "5",
          "paramname": "Staff",
          "fValue": "1294.00"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "6",
          "paramname": "Staff",
          "fValue": "175.00"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "7",
          "paramname": "Staff",
          "fValue": "1227.00"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "1",
          "paramname": "Margin",
          "fValue": "14.92"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "2",
          "paramname": "Margin",
          "fValue": "19.18"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "3",
          "paramname": "Margin",
          "fValue": "8.87"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "4",
          "paramname": "Margin",
          "fValue": "9.38"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "5",
          "paramname": "Margin",
          "fValue": "17.58"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "6",
          "paramname": "Margin",
          "fValue": "20.65"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "7",
          "paramname": "Margin",
          "fValue": "17.00"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "1",
          "paramname": "Profit",
          "fValue": "13227.30"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "2",
          "paramname": "Profit",
          "fValue": "91215.79"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "3",
          "paramname": "Profit",
          "fValue": "39471.89"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "4",
          "paramname": "Profit",
          "fValue": "27122.51"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "5",
          "paramname": "Profit",
          "fValue": "18488.92"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "6",
          "paramname": "Profit",
          "fValue": "13984.54"
      }, {
          "iMISParamCatID": "2",
          "vCatName": "Sales",
          "iLocID": "7",
          "paramname": "Profit",
          "fValue": "11667.46"
      }, {
          "iMISParamCatID": "6",
          "vCatName": "Accounts",
          "iLocID": "1",
          "paramname": "Register",
          "fValue": "69150.00"
      }, {
          "iMISParamCatID": "6",
          "vCatName": "Accounts",
          "iLocID": "2",
          "paramname": "Register",
          "fValue": "-1.00"
      }, {
          "iMISParamCatID": "6",
          "vCatName": "Accounts",
          "iLocID": "3",
          "paramname": "Register",
          "fValue": "1.00"
      }, {
          "iMISParamCatID": "6",
          "vCatName": "Accounts",
          "iLocID": "4",
          "paramname": "Register",
          "fValue": "25470.00"
      }, {
          "iMISParamCatID": "6",
          "vCatName": "Accounts",
          "iLocID": "5",
          "paramname": "Register",
          "fValue": "58819.00"
      }, {
          "iMISParamCatID": "6",
          "vCatName": "Accounts",
          "iLocID": "6",
          "paramname": "Register",
          "fValue": "42650.00"
      }, {
          "iMISParamCatID": "6",
          "vCatName": "Accounts",
          "iLocID": "7",
          "paramname": "Register",
          "fValue": "68228.00"
      }]
  }
  </code></pre>
  
  <p>This is my html file</p>
  
  <pre><code>   &lt;ion-content&gt;
    &lt;ion-grid&gt;
      &lt;ion-row&gt;
        &lt;ion-col&gt;
          Display Date
        &lt;/ion-col&gt;
        &lt;ion-col&gt;
          #1
        &lt;/ion-col&gt;
  
        &lt;ion-col&gt;
          #2
        &lt;/ion-col&gt;
  
        &lt;ion-col&gt;
          #3
        &lt;/ion-col&gt;
        &lt;ion-col&gt;
          #4
        &lt;/ion-col&gt;
        &lt;ion-col&gt;
          #5
        &lt;/ion-col&gt;
        &lt;ion-col&gt;
          #6
        &lt;/ion-col&gt;
        &lt;ion-col&gt;
          #7
        &lt;/ion-col&gt;
        &lt;ion-col&gt;
          Total
        &lt;/ion-col&gt;
      &lt;/ion-row&gt;
      &lt;ion-row&gt;
        &lt;ion-col&gt;
          Category Name
        &lt;/ion-col&gt;&lt;br&gt;
      &lt;/ion-row&gt;  
    &lt;/ion-grid&gt;
  
    &lt;ion-grid&gt;
        &lt;ion-row&gt;
            &lt;ion-col&gt;
          Category Params 
            &lt;/ion-col&gt;
            &lt;ion-row *ngFor = "let category of data?.data"&gt;
            &lt;ion-col&gt;
              {{category.fValue}}
            &lt;/ion-col&gt;
          &lt;/ion-row&gt;
    &lt;/ion-row&gt;
    &lt;/ion-grid&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>And this is my ts file.</p>
  
  <pre><code>export class HomePage {
    posts: any;
    leaddetails: any;
    constructor(public navCtrl: NavController,
      private http: Http) {
      // window.open("http://google.com",'_system', 'location=yes');
      let headers = new Headers();
      headers.append('Content-Type', 'application/json');
      let options = new RequestOptions({ headers: headers });
  
      this.http.post('http://url/foldername/file.php',options) 
      .map(res =&gt; res.json())
      .subscribe(data =&gt; {
        console.log("Api Fired",data);
      this.data = data;
  
         });
  
  }
  
  }
  </code></pre>
  
  <p>I just want the values to be printed below the column names and as seen in my response above i need to print the vCatName and paramsname. I am a beginner in ionic i just need guidance.</p>