렌더링 된 페이지보기 http://pub.admc.com/tmp/trivial.html. jQuery, Bootstrap 및 Bootstrap이 CDN에서 각각 제공되고 있음을 알 수 있습니다. 각 제품 설명서는 해당 제품 설명서에 나와 있습니다.사소한 '부트 스트랩 테이블'(워드 프로세서에서 붙여 넣기)은 정렬 할 수 없습니다.
3 개 제품 모두가 성공적으로로드되고있는 것으로 보입니다. JSON에서 테이블 데이터를로드하도록 변경하면 JSON이 테이블 스 켈리 톤을 성공적으로 채 웁니다. 그러나 여전히 정렬 할 수는 없습니다. Chrome 자바 스크립트 콘솔이 100 % 깨끗하게 실행됩니다.
doc reference table (부트 스트랩 표 :(위한이 문서의 종류)에 따르면, 부트 스트랩 - tablified 테이블은 기본적으로 정렬해야한다. 그럼에도 불구하고 나는 속성 데이터 정렬 = true를 추가하지만 아무런 영향을 미치지 않습니다.
<!DOCTYPE html>
<html lang="en">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap Table samples</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.0/bootstrap-table.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.0/bootstrap-table.min.js"></script>
<body>
<table data-toggle="table">
<thead>
<tr>
<th>Item ID</th>
<th>Item Name</th>
<th>Item Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Item 1</td>
<td>$1</td>
</tr>
<tr>
<td>2</td>
<td>Item 2</td>
<td>$2</td>
</tr>
</tbody>
</table>
</body>
</html>