title: Why is Json from API not rendering on the Table
body: <p>So I wanted to play with ReactTable this evening to get information from an API and display on the table.
  This is the PHP crafted REST API https://librational-`talker.000webhostapp.com/peopleBase/employee_informationAPI.php so now I want it to load the data from componentDidmount() it should populate the Table and show all the data on the table</p>
  <p>I have this as an Empty table</p>
  <p><a href="https://i.postimg.cc/ZKBdhzz1/2552.png" rel="nofollow noreferrer"><img src="https://i.postimg.cc/ZKBdhzz1/2552.png" alt="2552.png" /></a></p>
  <p>when I run the API I get this</p>
  <p><a href="https://i.postimg.cc/6QY3vMNr/jam3.png" rel="nofollow noreferrer"><img src="https://i.postimg.cc/6QY3vMNr/jam3.png" alt="jam3.png" /></a></p>
  <p>I wonder why it's not showing inside the Table.</p>
  <p>My code is looking like this</p>
  <pre><code>import React , { Component } from 'react';
  import axios from 'axios'
  import ReactTable from &quot;react-table&quot;; 
  import 'react-table/react-table.css'
  
  export default class HomePage extends Component {
  
      constructor(props){
          super(props)
          this.state = {
            users: [],
            loading:true
          }
        }
  
        async getUsersData(){
          const res = await axios.get('https://librational-talker.000webhostapp.com/peopleBase/employee_informationAPI.php')
          console.log(res.data)
          this.setState({loading:false, users: res.data})
        }
        componentDidMount(){
          this.getUsersData()
        }
  
      render() {
  
          const columns = [{  
              Header: 'ID',  
              accessor: 'ID',
             }
             ,{  
              Header: 'Firstname',  
              accessor: 'Firstname' ,
              }
             
             ,{  
             Header: 'Lastname',  
             accessor: 'Lastname' ,
             }
             ,{  
             Header: 'Gender',  
             accessor: 'Gender',
             },
             {  
              Header: 'DOB',  
              accessor: 'Date_of_birth',
              },
              {  
                Header: 'Email',  
                accessor: 'Email',
                },
                {  
              Header: 'Telephone',  
               accessor: 'Telephone',
              },
              {
                  Header: 'NationalIDNumber',  
                  accessor: 'NationalIDNumber',
              },
              {
                  Header: 'PassportNumber',  
                  accessor: 'PassportNumber',
              },
              {
                  Header: 'Salary',  
                  accessor: 'Salary',
              },
          ]
  
          return (
              &lt;ReactTable  
              data={this.state.users}  
              columns={columns}  
           /&gt;
             );
      }
  
  }
  </code></pre>
  <p>Is there something I appear to be missing here or not doing correctly? Please I need help. Very new to this.</p>
  <p><strong>Edit</strong></p>
  <p>Crosschecking, I saw this</p>
  <p><a href="https://postimg.cc/WDCdkwhc" rel="nofollow noreferrer"><img src="https://i.postimg.cc/Qtx1v6DC/805405.png" alt="805405.png" /></a></p>
  <p>So i have enabled the CORS from the Webhosting. But its still not Pulling the data and displaying the info on the Table.</p>
  <p>How do i go about this?</p>