Add i18n example.

docs/examples.html

@@ -18,7 +18,6 @@
     <script src="../assets/bootstrap/js/bootstrap.min.js"></script>
     <script src="../docs/examples.js"></script>
     <script src="../src/bootstrap-table.js"></script>
-    <!--<script src="../src/locale/bootstrap-table-zh-CN.js"></script>-->
     <script src="docs.js"></script>
     <script src="//wenzhixin.net.cn/js/analytics.js"></script>
 </head>
@@ -301,8 +300,18 @@
                 <div class="page-header">
                     <h1 id="pagination-table">Pagination Table</h1>
                 </div>
+                <div class="form-inline">
+                    <label>
+                        I18n:
+                        <select class="form-control" id="i18n">
+                            <option value="en">en</option>
+                            <option value="zh-CN">zh-CN</option>
+                        </select>
+                        <a href="https://github.com/wenzhixin/bootstrap-table/tree/master/src/locale">Translate your language?</a>
+                    </label>
+                </div>
                 <div class="bs-example">
-                    <table data-toggle="table" data-url="data2.json" data-height="246" data-pagination="true" data-search="true">
+                    <table id="table-pagination" data-toggle="table" data-url="data2.json" data-height="246" data-pagination="true" data-search="true">
                         <thead>
                             <tr>
                                 <th data-field="state" data-checkbox="true"></th>

docs/examples.js

@@ -17,4 +17,9 @@ $(function() {
         });
         $(this).next().find('code').html(codes.join('\n'));
     });
+    $('#i18n').change(function() {
+        $.getScript('../src/locale/bootstrap-table-' + $(this).val() + '.js', function() {
+            $('#table-pagination').bootstrapTable('destroy').bootstrapTable();
+        });
+    });
 });

src/locale/bootstrap-table-en.js

@@ -0,0 +1,19 @@
+/**
+ * Bootstrap Table English translation
+ * Author: Zhixin Wen<wenzhixin2010@gmail.com>
+ */
+(function ($) {
+    'use strict';
+
+    $.extend($.fn.bootstrapTable.defaults, {
+        formatRecordsPerPage: function(pageNumber) {
+            return pageNumber + ' records per page';
+        },
+        formatShowingRows: function(pageFrom, pageTo, totalRows) {
+            return 'Showing ' + pageFrom + ' to ' + pageTo + ' of ' + totalRows + ' rows';
+        },
+        formatSearch: function() {
+            return 'Search'
+        }
+    });
+})(jQuery);