부트스트랩 페이징 테이블 플러그인 튜토리얼

이 글에서는 부트스트랩 페이징 테이블 플러그인을 사용하는 방법을 소개합니다. 부트스트랩 테이블에서 데이터를 얻는 방법에는 두 가지가 있습니다. 하나는 테이블의 data-url 속성을 통해 데이터 소스를 지정하는 것입니다. JavaScript를 통해 테이블을 초기화할 때 URL을 지정하여 데이터를 가져옵니다.

부트스트랩 페이지 매김 테이블 플러그인 사용법 튜토리얼

두 개의 테이블 플러그인을 찾았습니다. 하나는 부트스트랩 테이블이고 다른 하나는 bootstrap-paginator입니다

여기에서는 부트스트랩 테이블 플러그인의 사용 방법만 소개합니다. 및 간단한 사례

문서 소개 : http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/

추천 동영상 튜토리얼 : Bootstrap 튜토리얼

1.js 및 CSS 파일을 소개합니다.

<link href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
<link href="http://cdn.bootcss.com/bootstrap-table/1.11.0/bootstrap-table.min.css">
<script src="http://cdn.bootcss.com/jquery/3.1.0/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap-table/1.11.0/bootstrap-table.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap-table/1.11.0/locale/bootstrap-table-zh-CN.min.js"></script>

2. 테이블 데이터 채우기

bootStrap 테이블에는 데이터를 얻는 두 가지 방법이 있습니다. 하나는 테이블의 data-url 속성을 통해 데이터 소스를 지정하는 것이고, 다른 하나는 JavaScript*를 통해 테이블을 초기화할 때 url을 사용하세요.

위 내용은 부트스트랩 페이징 테이블 플러그인 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!