0

렌더링 된 페이지보기 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> 

답변

0

나는 data-sortable=true에 테이블 요소의 기본값하지만, 아무것도 sortable=false에 모든 열 기본부터 기본으로 분류 될 수 없음을 파악. 기본 상태에서 다른 모든 것들과 함께

, 당신이 컬럼 별 정렬 에이블 추가 attr data-sortable=true ~ th 요소.