bootstrap table插件的使用

$('#table').bootstrapTable({
url: 'data1.json',
toolbar: '#btn-action',                //工具按钮用哪个容器
striped:true, //设置为 true 会有隔行变色效果
pagination:true, //设置为 true 会在表格底部显示分页条
paginationLoop:false, //设置为 true 启用分页条无限循环的功能。无效果
pageSize:10, //如果设置了分页，页面数据条数
search:true,  //是否启用搜索框
// showToggle:true, //是否显示 切换试图（table/card）按钮
showPaginationSwitch:false, //是否显示 数据条数选择框。无效果
// checkboxHeader:true, //设置false 将在列头隐藏check-all checkbox .
uniqueId:"id",
// searchText:"搜索", //初始化搜索文字
selectItemName:"id",
// showHeader:true, //是否显示列头
// showFooter:false,//是否显示列脚
showRefresh:true, //是否显示 刷新按钮
showColumns:true,  //是否显示 内容列下拉框
// sortable: true,      //是否启用排序
    sortOrder: "asc",     //排序方式
    sortName:"id",   //需要排序的字段
// clickToSelect:false,//设置true 将在点击行时，自动选择rediobox 和 checkbox
columns: [{
field: 'id',
title: 'ID',
formatter: function(val) {
return val + 1;
}
}, {
field: 'id',
title: '名称',
formatter:function(val, row) {
return "<a href='#' οnclick=\"test\(" + val + "," + row.name + "\)\">" + row.name + "</a>";
}
}, {
field: 'price',
title: '价格'
}, ]
});