<table id="table" data-toggle="table" >

<thead>

<tr>

<th>番号</th><thead> </th>

<th>出厂期</th>

<th>片长</th>

<th>主题<

</kepala>

<tbody>

<tr>

<td></td>

<td;> </ td>

<td></td>

<td></td>

</tr>

<tr><tr>

<td></td>

<td></td>

<td></td>

<td><<td><<td></td>   <tr>

<td></td>

<td></td>

<td></td>

;<td>

;<

<td></td>

</tr>   <tr>

<td></td>

<td></td>

<td></td>

;<td>

;<

<td></td>

</tr>   <tr>

<td></td>

<td></td>

<td></td>

;<td>

;<

<td></td>

</tr>   <tr>

<td></td>

<td></td>

<td></td>

;<td>

;<

<td></td>

</tr>   <tr>

<td></td>

<td></td>

<td></td>

;<td>

;<

<td></td>

</tr>   <tr>

<td></td>

<td></td>

<td></td>

;<td>

;<

<td></td>

</tr>   <tr>

<td></td>

<td></td>

<td></td>

;<td>

;<

<td></td>

</tr>   <tr>

<td></td>

<td></td>

<td></td>

<td></td>

<<<

< ;/table>

<script type="text/javascript">

$(function () {

$("html").niceScroll( );

});

});

("#table").bootstrapTable({ // Id yang sepadan dengan teg jadual

url: "json.php", // URL untuk mendapatkan data jadual

kaedah: ' post',

dataType : 'json',

cache: false, //Tetapkan kepada false untuk melumpuhkan cache data AJAX, lalainya adalah true

striped: true, //Jadual memaparkan jalur, lalainya adalah false

penomboran: true , / / Paparkan komponen paging di bahagian bawah jadual, default false

paginationLoop: true,

pageList: [10, 50, 100, 500], // Tetapkan bilangan item data yang boleh dipaparkan pada halaman

Saiz halaman: 10, // Bilangan data halaman

Nombor halaman: 1, // Nombor halaman yang disyorkan

carian: benar,

smartDisplay: palsu,

showRefresh: benar,

Nama isihan: '

masa' sortOrder: 'desc',

sidePagination: 'server', // Tetapkan pada paging sisi pelayan

queryParams: function (params) { // Parameter dihantar apabila meminta data pelayan, anda boleh menambah parameter pertanyaan tambahan di sini, return false untuk menamatkan permintaan

kembali {

Saiz halaman: params.limit, // Bilangan item data yang akan dipaparkan pada setiap halaman

isih: params.sort, // Medan yang hendak diisih

urutan: params. pesanan, // Peraturan pengisihan

Nombor halaman: ini.Nombor halaman,

carian: ini.searchText

}

},

lajur: [{

medan: 'fanhao',

: '

'

sejajarkan: 'tengah',

valign: 'tengah',

lebar: '150px',

boleh disusun: benar

}, {

medan: 'cname',

'

tajuk Cina: ,

sejajar: 'tengah',

valign : 'tengah',

boleh disusun: benar

}, {

medan: 'pubtime',

tajuk: 'tarikh kilang',

'

tengah: ',

valign: 'tengah',

lebar: '100px',

boleh disusun: benar

}, {

medan: 'masa',

tajuk: 'panjang',

: '

',

valign: 'tengah',

lebar: '80px',

boleh disusun: benar

}, {

medan: 'genre',

tajuk: 'tema',

: 'center ',

valign: 'tengah',

lebar: '300px',

}],

onLoadSuccess: function () { //Dilaksanakan apabila pemuatan berjaya

console.info("Memuatkan berjaya");

},

onLoadError: function () { //Laksanakan apabila pemuatan gagal

console.info("Memuatkan data gagal");

}

});

$("#table"). ("refresh",{

url: " json.php"

});

</script>