1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

function initTable(){

            $('#test-table').bootstrapTable({

                method: 'get',

                toolbar: '#toolbar',    //工具按鈕用哪個容器

                striped: true,      //是否顯示行間隔色

                cache: false,      //是否使用緩存，默認(rèn)為true，所以一般情況下需要設(shè)置一下這個屬性（*）

                pagination: true,     //是否顯示分頁（*）

                sortable: false,      //是否啟用排序

                sortOrder: "asc",     //排序方式

                pageNumber:1,      //初始化加載第一頁，默認(rèn)第一頁

                pageSize: 10,      //每頁的記錄行數(shù)（*）

                pageList: [10, 25, 50, 100],  //可供選擇的每頁的行數(shù)（*）

                url: "/testProject/page4list.json",//這個接口需要處理bootstrap table傳遞的固定參數(shù)

                queryParamsType:'', //默認(rèn)值為 'limit' ,在默認(rèn)情況下 傳給服務(wù)端的參數(shù)為：offset,limit,sort

                                    // 設(shè)置為 ''  在這種情況下傳給服務(wù)器的參數(shù)為：pageSize,pageNumber

                //queryParams: queryParams,//前端調(diào)用服務(wù)時，會默認(rèn)傳遞上邊提到的參數(shù)，如果需要添加自定義參數(shù)，可以自定義一個函數(shù)返回請求參數(shù)

                sidePagination: "server",   //分頁方式：client客戶端分頁，server服務(wù)端分頁（*）

                //search: true,      //是否顯示表格搜索，此搜索是客戶端搜索，不會進(jìn)服務(wù)端，所以，個人感覺意義不大

                strictSearch: true,                //showColumns: true,     //是否顯示所有的列

                //showRefresh: true,     //是否顯示刷新按鈕

                minimumCountColumns: 2,    //最少允許的列數(shù)

                clickToSelect: true,    //是否啟用點(diǎn)擊選中行

                searchOnEnterKey: true,

                columns: [{

                    field: 'id',

                    title: 'id',

                    align: 'center'

                }, {

                    field: 'testkey',

                    title: '測試標(biāo)識',

                    align: 'center'

                }, {

                    field: 'testname',

                    title: '測試名字',

                    align: 'center'

                },{

                    field: 'id',

                    title: '操作',

                    align: 'center',

                    formatter:function(value,row,index){

                        //通過formatter可以自定義列顯示的內(nèi)容

                        //value：當(dāng)前field的值，即id

                        //row：當(dāng)前行的數(shù)據(jù)

                        var a = '<a href="" >測試</a>';

                    } 

                }],

                pagination:true

            });

        }