bootstrap table中文設置


方法一在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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM