BOOTSTRAP TABLE does not load JSON by the "data-url" parameter

Asked

Viewed 157 times

0

I’m creating a table and trying upload a JSON file inside her, however, I’m not getting it. I’ve tried every way but there’s no way. I’m using a bootstrap template, However, I don’t know if I’m using the right libraries to execute the script. Also, I don’t know if you need any javascript to make it work. Someone could help me?

HTML 

<div class="card-body">
  <table class="table no-margin" 
         id="prospect_data_table" 
         name="prospect_data_table" 
         data-toggle="table" 
         data-url="mysql_data.json"
         data-cache="false" 
         data-height="299">
    <thead>
      <tr>
        <th data-field="id">#</th>
        <th data-field="condominium">Condominio</th>
        <th data-field="building_manager_name">Síndico</th>
        <th data-field="building_manager_phone">Contato</th>
        <th data-field="lat">Mapa</th>
      </tr>
    </thead>
  </table>
</div>

mysql_data.json 

{
  "data": [{
    "id": 84,
    "condominium": "ee",
    "building_manager_name": "ee",
    "building_manager_phone": "ee",
    "lat": "-25.447876100000002"
  }]
}

Table fields (Mysql)

  'id' int(11) NOT NULL AUTO_INCREMENT,
  'condominium' varchar(45) DEFAULT NULL,
  'building_manager_name' varchar(45) DEFAULT NULL,
  'building_manager_phone' varchar(45) DEFAULT NULL,
  'la' varchar(45) DEFAULT NULL,
css html5 json bootstrap

1 answer

0

You need the Bootstrap Table files, which can be downloaded by github link author. Copy the . js and . css files from the folder src for your project and use them on the page where you created this table.

Browser other questions tagged css html5 json bootstrap

You are not signed in. Login or sign up in order to post.