bootstrapTable을 사용하여 데이터를로드 할 수 없습니다.

Question

부트 스트랩을 처음 사용하고 부트 스트랩 테이블에 데이터를로드하는 몇 가지 예제를 단순히 복제하려하지만 데이터가 표시되지 않습니다. 여기

<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> 

jsfiddle

에서 HTML입니다 그리고 여기 자바 스크립트입니다 :

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

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

헤더가 잘 나타나 있지만, 데이터는하지 않습니다. Here은 jsFiddle에 대한 링크입니다.

Answer 1

부트 스트랩 테이블에는 부트 스트랩이 포함되어 있지 않습니다. 당신은 그것을 포함해야합니다. 데이터 테이블 부트 스트랩

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>