Chargement des données avec bootstrapTable échoue

Question

Je suis nouveau à bootstrap et j'essaie simplement de répliquer plusieurs exemples de chargement de données dans une table d'amorçage, mais mes données n'apparaissent pas. Voici le code HTML jsFiddle

<table class="table" id="table"> 
    <thead> 
    <tr> 
     <th data-field="id">Item ID</th> 
     <th data-field="name">Item Name</th> 
     <th data-field="price">Item Price</th> 
    </tr> 
    </thead> 
</table> 

Et voici le javascript:

var $table = $('#table'); 
var mydata = [{ 
    "id": 0, 
    "name": "test0", 
    "price": "$0" 
}]; 

$(function() { 
    $('#table').bootstrapTable(
    data: mydata) 
); 
}); 

L'en-tête se présente bien, mais les données ne fonctionne pas. Here est un lien vers le jsFiddle.

Answer 1

bootstrapTable n'a pas de bootstrap. vous devez l'inclure.

https://jsfiddle.net/9g7c34rb/1/

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.css"> 

<!-- Latest compiled and minified JavaScript --> 
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.js"></script> 

<!-- Latest compiled and minified Locales --> 
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/locale/bootstrap-table-zh-CN.min.js"></script>