bootstrap datatable java_bootstrap datatable 用法

首先在html 中引入几个 bootstrap.min.css   jquery.dataTables.min.css   bootstrap.min.js   jquery.dataTables.min.js

Datatable-serverSide 服务器分页例子

NameIPGroupEdit/Delete

var data = [

{

"name":       "rfswitch1",

"ip":         "192.168.1.1",

"group":       "A"

},

{

"name":       "rfswitch2",

"ip":         "192.168.1.1",

"group":       "B"

},

{

"name":       "rfswitch3",

"ip":         "192.168.1.2",

"group":       "C"

},

{

"name":       "rfswitch4",

"ip":         "192.168.1.3",

"group":       "D"

},

{

"name":       "rfswitch5",

"ip":         "192.168.1.4",

"group":       "A"

},

{

"name":       "rfswitch6",

"ip":         "192.168.1.5",

"group":       "B"

},

{

"name":       "rfswitch7",

"ip":         "192.168.1.6",

"group":       "C"

},

{

"name":       "rfswitch8",

"ip":         "192.168.1.7",

"group":       "D"

},

{

"name":       "rfswitch9",

"ip":         "192.168.1.8",

"group":       "A"

},

{

"name":       "rfswitch10",

"ip":         "192.168.1.9",

"group":       "B"

},

{

"name":       "rfswitch11",

"ip":         "192.168.1.10",

"group":       "C"

},

{

"name":       "rfswitch12",

"ip":         "192.168.1.11",

"group":       "D"

}

];

var table;

var editFlag = false;

window.οnlοad=function(){

debugger;

table = $('#example').DataTable({ //datatable init

data: data,

columns: [

{"data": "name"},

{"data": "ip"},

{"data": "group"},

{"data": null}

],

});

};