方法一在html網頁中加載語言包
<script src="bootstrap-table-en-US.js"></script>
<script src="bootstrap-table-zh-CN.js"></script>
在html標簽屬性中設置語言
<table data-toggle="table" data-locale="en-US">
</table>
或在js中設置語言
$('#table').bootstrapTable({
locale: 'en-US'
})
方法二自定義語言包
$('#table').bootstrapTable({
//自定義分頁字符串顯示為中文
formatShowingRows:function(pageFrom, pageTo, totalRows)
{
return "第"+pageFrom+"-"+pageTo+"行,總共"+totalRows+"";
},
//自定義分頁字符串顯示為中文
formatRecordsPerPage:function(pageNumber)
{
return pageNumber+'行每頁';
}
});
可自定義的本地化的方法如下
$('#table').bootstrapTable({
//加載數據時提示
formatLoadingMessage:function()
{
return "數據加載中...";
},
//每頁顯示
formatRecordsPerPage:function(pageNumber)
{
return pageNumber+'行每頁';
},
//頁碼
formatShowingRows:function(pageFrom, pageTo, totalRows)
{
return "第"+pageFrom+"-"+pageTo+"行,總共"+totalRows+"";
},
formatSRPaginationPreText :function(){
return '上一頁';
},
formatSRPaginationPageText:function(page){
return '跳轉至'+page;
},
formatSRPaginationNextText:function(){
return '下一頁';
},
formatDetailPagination:function(totalRows)
{
return "總計:"+totalRows;
}
,
formatSearch:function()
{
return "搜索";
}
,
formatClearSearch:function()
{
return "清除搜索";
}
,
formatNoMatches:function()
{
return "未查詢到相關記錄";
} ,
formatPaginationSwitch:function()
{
return "隱藏顯示分頁";
}
,
formatPaginationSwitchDown:function()
{
return "顯示分頁";
},
formatPaginationSwitchUp:function()
{
return "隱藏分頁";
} ,
formatRefresh:function()
{
return "刷新";
} ,
formatToggle:function()
{
return "展開";
} ,
formatToggleOn:function()
{
return "顯示卡片視圖";
} ,
formatToggleOff :function()
{
return "隱藏卡片視圖";
},
formatColumns:function(){
return "列視圖";
}
,
formatColumnsToggleAll:function()
{
return 'Toggle all';
}
,
formatFullscreen:function()
{
return '全屏';
} ,
formatAllRows function()
{
return '全部';
}
});
轉載請注明:http://www.itxst.com/Bootstrap-Table/QuickStart.html