首页 发现 帮助
登录
githab
/
bootstrap-table
2
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

Update docs.

zhixin 11 年之前
父节点
c1bcb484fe
当前提交
fa7ed6db2a
共有 7 个文件被更改，包括 1391 次插入 和 286 次删除
合并视图 显示文件统计
  1. 818 31
      docs/docs.css
  2. 115 0
      docs/documentation.html
  3. 249 0
      docs/examples.html
  4. 140 0
      docs/getting-started.html
  5. 61 0
      docs/index.html
  6. 6 253
      index.html
  7. 2 2
      src/bootstrap-table.js

文件差异内容过多而无法显示
+ 818 - 31
docs/docs.css


+ 115 - 0
docs/documentation.html
查看文件 

@@ -0,0 +1,115 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="utf-8">
 
+    <title>Documentation &middot; Bootstrap Table</title>
 
+    <meta name="author" content="zhixin">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
 
+    <link rel="stylesheet" href="../src/bootstrap-table.css">
 
+    <link rel="stylesheet" href="docs.css">
 
+    <link rel="stylesheet" href="//wenzhixin.net.cn/css/fork.css">
 
+    <!--[if lt IE 9]>
 
+    <script src="//wenzhixin.net.cn/js/html5shiv.js"></script>
 
+    <script src="//wenzhixin.net.cn/js/respond.min.js"></script>
 
+    <![endif]-->
 
+</head>
 
+<body>
 
+<a class="sr-only" href="#content">Skip to main content</a>
 
+<header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav">
 
+    <div class="container">
 
+        <div class="navbar-header">
 
+            <a class="navbar-brand" href="index.html">
 
+                Bootstrap Table
 
+            </a>
 
+        </div>
 
+        <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
 
+            <ul class="nav navbar-nav">
 
+                <li>
 
+                    <a href="getting-started.html">Getting started</a>
 
+                </li>
 
+                <li class="active">
 
+                    <a href="documentation.html">Documentation</a>
 
+                </li>
 
+                <li>
 
+                    <a href="examples.html">Examples</a>
 
+                </li>
 
+            </ul>
 
+        </nav>
 
+    </div>
 
+</header>
 
+<div class="bs-header" id="content">
 
+    <div class="container">
 
+        <h1>Documentation</h1>
 
+        <p>The documentation contains Table Properties, Column Properties, Events, Methods, and much more.</p>
 
+    </div>
 
+</div>
 
+<div class="container">
 
+    <div class="row">
 
+        <div class="col-md-3">
 
+            <div class="bs-sidebar" role="complementary">
 
+                <ul class="nav bs-sidenav">
 
+                    <li><a href="#properties">Table Properties</a></li>
 
+                    <li><a href="#columns">Column Properties</a></li>
 
+                    <li><a href="#events">Events</a></li>
 
+                    <li><a href="#methods">Methods</a></li>
 
+                </ul>
 
+            </div>
 
+        </div>
 
+        <div class="col-md-9" role="main">
 
+            <div>
 
+                <div class="page-header">
 
+                    <h1 id="properties">Table Properties:</h1>
 
+                </div>
 
+                <table id="table"></table>
 
+            </div>
 
+            <div>
 
+                <div class="page-header">
 
+                    <h1 id="columns">Column Properties:</h1>
 
+                </div>
 
+                <table id="column"></table>
 
+            </div>
 
+            <div>
 
+                <div class="page-header">
 
+                    <h1 id="events">Events:</h1>
 
+                </div>
 
+                <table id="event"></table>
 
+            </div>
 
+            <div>
 
+                <div class="page-header">
 
+                    <h1 id="methods">Methods:</h1>
 
+                </div>
 
+                <table id="method"></table>
 
+            </div>
 
+        </div>
 
+    </div>
 
+</div>
 
+
 
+<a href="https://github.com/wenzhixin/bootstrap-table" class="fork_me"></a>
 
+
 
+<footer class="bs-footer" role="contentinfo">
 
+    <div class="container">
 
+        <p>Copyright © 2012-2014, Bootstrap Table is licensed under the The MIT License. Coded by wenzhixin. </p>
 
+        <ul class="footer-links">
 
+            <li>Currently: v1.0.1</li>
 
+            <li class="muted">·</li>
 
+            <li><a href="http://wenzhixin.net.cn">My website</a></li>
 
+            <li class="muted">·</li>
 
+            <li><a href="http://repos.wenzhixin.net.cn">My repos</a></li>
 
+            <li class="muted">·</li>
 
+            <li><a href="https://github.com/wenzhixin">Github (@wenzhixin)</a></li>
 
+            <li class="muted">·</li>
 
+            <li><a href="https://github.com/wenzhixin/bootstrap-table/issues?state=open">Issues</a></li>
 
+            <li class="muted">·</li>
 
+            <li><a href="mailto:wenzhixin2010@gmail.com">Email</a></li>
 
+        </ul>
 
+    </div>
 
+</footer>
 
+
 
+<script src="../assets/jquery.min.js"></script>
 
+<script src="../assets/bootstrap/js/bootstrap.min.js"></script>
 
+<script src="../src/bootstrap-table.js"></script>
 
+<script src="docs.js"></script>
 
+<script src="//wenzhixin.net.cn/js/analytics.js"></script>
 
+</body>
 
+</html>

+ 249 - 0
docs/examples.html
查看文件 

@@ -0,0 +1,249 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="utf-8">
 
+    <title>Examples &middot; Bootstrap Table</title>
 
+    <meta name="author" content="zhixin">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
 
+    <link rel="stylesheet" href="../src/bootstrap-table.css">
 
+    <link rel="stylesheet" href="docs.css">
 
+    <link rel="stylesheet" href="//wenzhixin.net.cn/css/fork.css">
 
+    <!--[if lt IE 9]>
 
+    <script src="//wenzhixin.net.cn/js/html5shiv.js"></script>
 
+    <script src="//wenzhixin.net.cn/js/respond.min.js"></script>
 
+    <![endif]-->
 
+</head>
 
+<body>
 
+<a class="sr-only" href="#content">Skip to main content</a>
 
+<header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav">
 
+    <div class="container">
 
+        <div class="navbar-header">
 
+            <a class="navbar-brand" href="index.html">
 
+                Bootstrap Table
 
+            </a>
 
+        </div>
 
+        <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
 
+            <ul class="nav navbar-nav">
 
+                <li>
 
+                    <a href="getting-started.html">Getting started</a>
 
+                </li>
 
+                <li>
 
+                    <a href="documentation.html">Documentation</a>
 
+                </li>
 
+                <li class="active">
 
+                    <a href="examples.html">Examples</a>
 
+                </li>
 
+            </ul>
 
+        </nav>
 
+    </div>
 
+</header>
 
+<div class="bs-header" id="content">
 
+    <div class="container">
 
+        <h1>Examples</h1>
 
+        <p>The examples of bootstrap table.</p>
 
+    </div>
 
+</div>
 
+<div class="container">
 
+    <div class="row">
 
+        <div class="col-md-3">
 
+            <div class="bs-sidebar" role="complementary">
 
+                <ul class="nav bs-sidenav">
 
+                    <li><a href="#basic">Basic Table</a></li>
 
+                    <li><a href="#sort">Sort Table</a></li>
 
+                    <li><a href="#radio">Radio Table</a></li>
 
+                    <li><a href="#checkbox">Checkbox Table</a></li>
 
+                    <li><a href="#pagination">Pagination Table</a></li>
 
+                </ul>
 
+            </div>
 
+        </div>
 
+        <div class="col-md-9" role="main">
 
+            <div>
 
+                <div class="page-header">
 
+                    <h1 id="basic">Basic Table</h1>
 
+                </div>
 
+                <div class="bs-example">
 
+                    <table data-toggle="table" data-url="data1.json" data-height="246">
 
+                        <thead>
 
+                        <tr>
 
+                            <th data-field="id" data-align="right">Item ID</th>
 
+                            <th data-field="name" data-align="center">Item Name</th>
 
+                            <th data-field="price" data-align="left">Item Price</th>
 
+                        </tr>
 
+                        </thead>
 
+                    </table>
 
+                </div>
 
+                <div class="highlight">
 
+<pre><code class="language-html">
 
+&lt;table data-toggle="table" data-url="data1.json" data-height="246"&gt;
 
+    &lt;thead&gt;
 
+        &lt;tr&gt;
 
+            &lt;th data-field="id" data-align="right"&gt;Item ID&lt;/th&gt;
 
+            &lt;th data-field="name" data-align="center"&gt;Item Name&lt;/th&gt;
 
+            &lt;th data-field="price" data-align="left"&gt;Item Price&lt;/th&gt;
 
+        &lt;/tr&gt;
 
+    &lt;/thead&gt;
 
+&lt;/table&gt;
 
+</code></pre>
 
+                </div>
 
+            </div>
 
+
 
+            <div>
 
+                <div class="page-header">
 
+                    <h1 id="sort">Sort Table</h1>
 
+                </div>
 
+                <div class="bs-example">
 
+                    <table data-toggle="table" data-url="data1.json" data-height="246">
 
+                        <thead>
 
+                        <tr>
 
+                            <th data-field="id" data-align="right" data-sortable="true">Item ID</th>
 
+                            <th data-field="name" data-align="center" data-sortable="true">Item Name</th>
 
+                            <th data-field="price" data-sortable="true" data-sortable="true">Item Price</th>
 
+                        </tr>
 
+                        </thead>
 
+                    </table>
 
+                </div>
 
+                <div class="highlight">
 
+<pre><code class="language-html">
 
+&lt;table data-toggle="table" data-url="data1.json" data-height="246"&gt;
 
+    &lt;thead&gt;
 
+        &lt;tr&gt;
 
+            &lt;th data-field="id" data-align="right" data-sortable="true"&gt;Item ID&lt;/th&gt;
 
+            &lt;th data-field="name" data-align="center" data-sortable="true"&gt;Item Name&lt;/th&gt;
 
+            &lt;th data-field="price" data-sortable="true" data-sortable="true"&gt;Item Price&lt;/th&gt;
 
+        &lt;/tr&gt;
 
+    &lt;/thead&gt;
 
+&lt;/table&gt;
 
+</code></pre>
 
+                </div>
 
+            </div>
 
+
 
+            <div>
 
+                <div class="page-header">
 
+                    <h1 id="radio">Radio Table</h1>
 
+                </div>
 
+                <div class="bs-example">
 
+                    <table data-toggle="table" data-url="data1.json" data-height="246">
 
+                        <thead>
 
+                        <tr>
 
+                            <th data-field="state" data-radio="true"></th>
 
+                            <th data-field="id" data-align="right">Item ID</th>
 
+                            <th data-field="name" data-align="center">Item Name</th>
 
+                            <th data-field="price" data-align="left">Item Price</th>
 
+                        </tr>
 
+                        </thead>
 
+                    </table>
 
+                </div>
 
+                <div class="highlight">
 
+<pre><code class="language-html">
 
+&lt;table data-toggle="table" data-url="data1.json" data-height="246"&gt;
 
+    &lt;thead&gt;
 
+        &lt;tr&gt;
 
+            &lt;th data-field="state" data-radio="true"&gt;&lt;/th&gt;
 
+            &lt;th data-field="id" data-align="right"&gt;Item ID&lt;/th&gt;
 
+            &lt;th data-field="name" data-align="center"&gt;Item Name&lt;/th&gt;
 
+            &lt;th data-field="price" data-align="left"&gt;Item Price&lt;/th&gt;
 
+        &lt;/tr&gt;
 
+    &lt;/thead&gt;
 
+&lt;/table&gt;
 
+</code></pre>
 
+                </div>
 
+            </div>
 
+            <div>
 
+                <div class="page-header">
 
+                    <h1 id="checkbox">Checkbox Table</h1>
 
+                </div>
 
+                <div class="bs-example">
 
+                    <table data-toggle="table" data-url="data1.json" data-height="246">
 
+                        <thead>
 
+                        <tr>
 
+                            <th data-field="state" data-checkbox="true"></th>
 
+                            <th data-field="id" data-align="right">Item ID</th>
 
+                            <th data-field="name" data-align="center">Item Name</th>
 
+                            <th data-field="price" data-align="">Item Price</th>
 
+                        </tr>
 
+                        </thead>
 
+                    </table>
 
+                </div>
 
+                <div class="highlight">
 
+<pre><code class="language-html">
 
+&lt;table data-toggle="table" data-url="data1.json" data-height="246"&gt;
 
+    &lt;thead&gt;
 
+        &lt;tr&gt;
 
+            &lt;th data-field="state" data-checkbox="true"&gt;&lt;/th&gt;
 
+            &lt;th data-field="id" data-align="right"&gt;Item ID&lt;/th&gt;
 
+            &lt;th data-field="name" data-align="center"&gt;Item Name&lt;/th&gt;
 
+            &lt;th data-field="price" data-align="left"&gt;Item Price&lt;/th&gt;
 
+        &lt;/tr&gt;
 
+    &lt;/thead&gt;
 
+&lt;/table&gt;
 
+</code></pre>
 
+                </div>
 
+            </div>
 
+
 
+            <div>
 
+                <div class="page-header">
 
+                    <h1 id="pagination">Pagination Table</h1>
 
+                </div>
 
+                <div class="bs-example">
 
+                    <table data-toggle="table" data-url="data2.json" data-height="246" data-pagination="true">
 
+                        <thead>
 
+                        <tr>
 
+                            <th data-field="state" data-checkbox="true"></th>
 
+                            <th data-field="id" data-align="right">Item ID</th>
 
+                            <th data-field="name" data-align="center">Item Name</th>
 
+                            <th data-field="price" data-align="">Item Price</th>
 
+                        </tr>
 
+                        </thead>
 
+                    </table>
 
+                </div>
 
+                <div class="highlight">
 
+<pre><code class="language-html">
 
+&lt;table data-toggle="table" data-url="data2.json" data-height="246" data-pagination="true"&gt;
 
+    &lt;thead&gt;
 
+        &lt;tr&gt;
 
+            &lt;th data-field="state" data-checkbox="true"&gt;&lt;/th&gt;
 
+            &lt;th data-field="id" data-align="right"&gt;Item ID&lt;/th&gt;
 
+            &lt;th data-field="name" data-align="center"&gt;Item Name&lt;/th&gt;
 
+            &lt;th data-field="price" data-align="left"&gt;Item Price&lt;/th&gt;
 
+        &lt;/tr&gt;
 
+    &lt;/thead&gt;
 
+&lt;/table&gt;
 
+</code></pre>
 
+                </div>
 
+            </div>
 
+
 
+            <hr>
 
+            <a href="https://github.com/wenzhixin/bootstrap-table/blob/master/docs/docs.js">More examples</a>
 
+        </div>
 
+    </div>
 
+</div>
 
+
 
+<a href="https://github.com/wenzhixin/bootstrap-table" class="fork_me"></a>
 
+
 
+<footer class="bs-footer" role="contentinfo">
 
+    <div class="container">
 
+        <p>Copyright © 2012-2014, Bootstrap Table is licensed under the The MIT License. Coded by wenzhixin. </p>
 
+        <ul class="footer-links">
 
+            <li>Currently: v1.0.1</li>
 
+            <li class="muted">·</li>
 
+            <li><a href="http://wenzhixin.net.cn">My website</a></li>
 
+            <li class="muted">·</li>
 
+            <li><a href="http://repos.wenzhixin.net.cn">My repos</a></li>
 
+            <li class="muted">·</li>
 
+            <li><a href="https://github.com/wenzhixin">Github (@wenzhixin)</a></li>
 
+            <li class="muted">·</li>
 
+            <li><a href="https://github.com/wenzhixin/bootstrap-table/issues?state=open">Issues</a></li>
 
+            <li class="muted">·</li>
 
+            <li><a href="mailto:wenzhixin2010@gmail.com">Email</a></li>
 
+        </ul>
 
+    </div>
 
+</footer>
 
+
 
+<script src="../assets/jquery.min.js"></script>
 
+<script src="../assets/bootstrap/js/bootstrap.min.js"></script>
 
+<script src="../src/bootstrap-table.js"></script>
 
+<script src="docs.js"></script>
 
+<script src="//wenzhixin.net.cn/js/analytics.js"></script>
 
+</body>
 
+</html>

+ 140 - 0
docs/getting-started.html
查看文件 

@@ -0,0 +1,140 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="utf-8">
 
+    <title>Getting started &middot; Bootstrap Table</title>
 
+    <meta name="author" content="zhixin">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
 
+    <link rel="stylesheet" href="../src/bootstrap-table.css">
 
+    <link rel="stylesheet" href="docs.css">
 
+    <link rel="stylesheet" href="//wenzhixin.net.cn/css/fork.css">
 
+    <!--[if lt IE 9]>
 
+    <script src="//wenzhixin.net.cn/js/html5shiv.js"></script>
 
+    <script src="//wenzhixin.net.cn/js/respond.min.js"></script>
 
+    <![endif]-->
 
+</head>
 
+<body>
 
+<a class="sr-only" href="#content">Skip to main content</a>
 
+
 
+<header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav">
 
+    <div class="container">
 
+        <div class="navbar-header">
 
+            <a class="navbar-brand" href="index.html">
 
+                Bootstrap Table
 
+            </a>
 
+        </div>
 
+        <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
 
+            <ul class="nav navbar-nav">
 
+                <li class="active">
 
+                    <a href="getting-started.html">Getting started</a>
 
+                </li>
 
+                <li>
 
+                    <a href="documentation.html">Documentation</a>
 
+                </li>
 
+                <li>
 
+                    <a href="examples.html">Examples</a>
 
+                </li>
 
+            </ul>
 
+        </nav>
 
+    </div>
 
+</header>
 
+
 
+<div class="bs-header" id="content">
 
+    <div class="container">
 
+        <h1>Getting started</h1>
 
+        <p>An overview of Bootstrap Table, how to download and use, basic templates, and more.</p>
 
+    </div>
 
+</div>
 
+<div class="container">
 
+    <div class="row">
 
+        <div class="col-md-3">
 
+            <div class="bs-sidebar" role="complementary">
 
+                <ul class="nav bs-sidenav">
 
+                    <li><a href="#download">Download</a></li>
 
+                    <li>
 
+                        <a href="#usage">Usage</a>
 
+                        <ul class="nav">
 
+                            <li><a href="#via-data">Via data attributes</a></li>
 
+                            <li><a href="#via-javascript">Via JavaScript</a></li>
 
+                            <li><a href="#options">Options</a></li>
 
+                        </ul>
 
+                    </li>
 
+                </ul>
 
+            </div>
 
+        </div>
 
+        <div class="col-md-9" role="main">
 
+            <div>
 
+                <div class="page-header">
 
+                    <h1 id="download">Download</h1>
 
+                </div>
 
+                <p>
 
+                    <a href="https://github.com/wenzhixin/bootstrap-table/archive/master.zip">Download source</a>
 
+                </p>
 
+                <p>
 
+                    <a href="https://github.com/wenzhixin/bootstrap-table">Clone or fork via GitHub</a>
 
+                </p>
 
+            </div>
 
+            <div>
 
+                <div class="page-header">
 
+                    <h1 id="usage">Usage</h1>
 
+                </div>
 
+                <p>Include Bootstrap library (if your project doesn’t use it already) and bootstrap-table.css in the head tag your html document.</p>
 
+<pre><code>&lt;link rel="stylesheet" href="bootstrap.css"&gt;
 
+&lt;link rel="stylesheet" href="bootstrap-table.css"&gt;</code></pre>
 
+                <p>Include jQuery library (if your project doesn’t use it already) and bootstrap-table.js in the head tag or at the very bottom of your document, just before the closing body tag (usually recommended for better performance).</p>
 
+<pre><code>&lt;script src="jquery.min.js"&gt;&lt;/script&gt;
 
+&lt;script src="bootstrap-table.js"&gt;&lt;/script&gt;</code></pre>
 
+
 
+                <hr>
 
+                <p>The bootstrap table plugin displays data in a tabular format, via data attributes or JavaScript.</p>
 
+
 
+                <h2 id="via-data">Via data attributes</h2>
 
+                <p>Activate bootstrap table without writing JavaScript. Set data-toggle="table" on a normal table.</p>
 
+<pre><code>&lt;table data-toggle="table" data-url="data.json"&gt;
 
+    &lt;thead&gt;
 
+        ...
 
+    &lt;/thead&gt;
 
+&lt;/table&gt;</code></pre>
 
+
 
+                <h2 id="via-javascript">Via JavaScript</h2>
 
+                <p>Call a bootstrap table with id table with JavaScript.</p>
 
+<pre><code>$('#table').bootstrapTable({
 
+    url: 'data.json'
 
+});</code></pre>
 
+
 
+                <h2 id="options">Options</h2>
 
+                <p>Options can be passed via data attributes or JavaScript. For data attributes, append the option name to <code>data-</code>, as in <code>data-url="data.json"</code>. More options see the <a href="documentation.html">Documentation</a> or the <a href="examples.html">Examples</a>.</p>
 
+            </div>
 
+        </div>
 
+    </div>
 
+</div>
 
+
 
+<a href="https://github.com/wenzhixin/bootstrap-table" class="fork_me"></a>
 
+
 
+<footer class="bs-footer" role="contentinfo">
 
+    <div class="container">
 
+        <p>Copyright © 2012-2014, Bootstrap Table is licensed under the The MIT License. Coded by wenzhixin. </p>
 
+        <ul class="footer-links">
 
+            <li>Currently: v1.0.1</li>
 
+            <li class="muted">·</li>
 
+            <li><a href="http://wenzhixin.net.cn">My website</a></li>
 
+            <li class="muted">·</li>
 
+            <li><a href="http://repos.wenzhixin.net.cn">My repos</a></li>
 
+            <li class="muted">·</li>
 
+            <li><a href="https://github.com/wenzhixin">Github (@wenzhixin)</a></li>
 
+            <li class="muted">·</li>
 
+            <li><a href="https://github.com/wenzhixin/bootstrap-table/issues?state=open">Issues</a></li>
 
+            <li class="muted">·</li>
 
+            <li><a href="mailto:wenzhixin2010@gmail.com">Email</a></li>
 
+        </ul>
 
+    </div>
 
+</footer>
 
+
 
+<script src="../assets/jquery.min.js"></script>
 
+<script src="../assets/bootstrap/js/bootstrap.min.js"></script>
 
+<script src="../src/bootstrap-table.js"></script>
 
+<script src="docs.js"></script>
 
+<script src="//wenzhixin.net.cn/js/analytics.js"></script>
 
+</body>
 
+</html>

+ 61 - 0
docs/index.html
查看文件 

@@ -0,0 +1,61 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="utf-8">
 
+    <title>Bootstrap Table</title>
 
+    <meta name="author" content="zhixin">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
 
+    <link rel="stylesheet" href="../src/bootstrap-table.css">
 
+    <link rel="stylesheet" href="docs.css">
 
+    <link rel="stylesheet" href="//wenzhixin.net.cn/css/fork.css">
 
+    <!--[if lt IE 9]>
 
+    <script src="//wenzhixin.net.cn/js/html5shiv.js"></script>
 
+    <script src="//wenzhixin.net.cn/js/respond.min.js"></script>
 
+    <![endif]-->
 
+</head>
 
+<body class="bs-docs-home">
 
+<a class="sr-only" href="#content">Skip to main content</a>
 
+<header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav">
 
+    <div class="container">
 
+        <div class="navbar-header">
 
+            <a class="navbar-brand" href="index.html">
 
+                Bootstrap Table
 
+            </a>
 
+        </div>
 
+        <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
 
+            <ul class="nav navbar-nav">
 
+                <li>
 
+                    <a href="getting-started.html">Getting started</a>
 
+                </li>
 
+                <li>
 
+                    <a href="documentation.html">Documentation</a>
 
+                </li>
 
+                <li>
 
+                    <a href="examples.html">Examples</a>
 
+                </li>
 
+            </ul>
 
+        </nav>
 
+    </div>
 
+</header>
 
+
 
+<main class="bs-masthead" id="content" role="main">
 
+    <div class="container">
 
+        <h1>Bootstrap Table</h1>
 
+        <p class="lead">The table displays data in a tabular format and offers rich support to radio, checkbox, sort, pagination and so on. The table has been designed to reduce development time and to require no specific knowledge from developers. It is both featherweight and feature-rich.</p>
 
+        <p>
 
+            <a href="https://github.com/wenzhixin/bootstrap-table" class="btn btn-outline-inverse btn-lg">Download</a>
 
+            <a href="getting-started.html" class="btn btn-outline-inverse btn-lg">Getting started</a>
 
+        </p>
 
+    </div>
 
+</main>
 
+
 
+<a href="https://github.com/wenzhixin/bootstrap-table" class="fork_me"></a>
 
+
 
+<script src="../assets/jquery.min.js"></script>
 
+<script src="../assets/bootstrap/js/bootstrap.min.js"></script>
 
+<script src="../src/bootstrap-table.js"></script>
 
+<script src="docs.js"></script>
 
+<script src="//wenzhixin.net.cn/js/analytics.js"></script>
 
+</body>
 
+</html>

+ 6 - 253
index.html
查看文件 

@@ -1,258 +1,11 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
-<html lang="en">
 
+<html>
 
 <head>
 
 <head>
 
-    <meta charset="utf-8">
 
-    <title>Bootstrap Table</title>
 
-    <meta name="author" content="zhixin">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
 
-    <link rel="stylesheet" href="src/bootstrap-table.css">
 
-    <link rel="stylesheet" href="docs/docs.css">
 
-    <link rel="stylesheet" href="//wenzhixin.net.cn/css/fork.css">
 
-    <!--[if lt IE 9]>
 
-    <script src="//wenzhixin.net.cn/js/html5shiv.js"></script>
 
-    <script src="//wenzhixin.net.cn/js/respond.min.js"></script>
 
-    <![endif]-->
 
+    <title></title>
 
 </head>
 
 </head>
 
 <body>
 
 <body>
 
-<a class="sr-only" href="#content">Skip to main content</a>
 
-<header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav">
 
-    <div class="container">
 
-        <div class="navbar-header">
 
-            <a class="navbar-brand" href="#">
 
-                Bootstrap Table
 
-            </a>
 
-        </div>
 
-        <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
 
-            <ul class="nav navbar-nav">
 
-                <li class="active">
 
-                    <a href="index.html">Documentation</a>
 
-                </li>
 
-            </ul>
 
-        </nav>
 
-    </div>
 
-</header>
 
-<div class="bs-header" id="content">
 
-    <div class="container">
 
-        <h1>Bootstrap Table</h1>
 
-        <p>The table displays data in a tabular format and offers rich support to radio, checkbox, sort, pagination and so on. The table has been designed to reduce development time and to require no specific knowledge from developers. It is both featherweight and feature-rich.</p>
 
-    </div>
 
-</div>
 
-<div class="container">
 
-    <div class="row">
 
-        <div class="col-md-3">
 
-            <div class="bs-sidebar" role="complementary">
 
-                <ul class="nav bs-sidenav">
 
-                    <li><a href="#properties">Table Properties</a></li>
 
-                    <li><a href="#columns">Column Properties</a></li>
 
-                    <li><a href="#events">Events</a></li>
 
-                    <li><a href="#methods">Methods</a></li>
 
-                    <li>
 
-                        <a href="#examples">Examples</a>
 
-                        <ul class="nav">
 
-                            <li><a href="#basic">Basic Table</a></li>
 
-                            <li><a href="#sort">Sort Table</a></li>
 
-                            <li><a href="#radio">Radio Table</a></li>
 
-                            <li><a href="#checkbox">Checkbox Table</a></li>
 
-                            <li><a href="#pagination">Pagination Table</a></li>
 
-                        </ul>
 
-                    </li>
 
-                    <li><a href="#acknowledgements">Acknowledgements</a></li>
 
-                </ul>
 
-            </div>
 
-        </div>
 
-        <div class="col-md-9" role="main">
 
-            <div>
 
-                <div class="page-header">
 
-                    <h1 id="properties">Table Properties:</h1>
 
-                </div>
 
-                <table id="table"></table>
 
-            </div>
 
-            <div>
 
-                <div class="page-header">
 
-                    <h1 id="columns">Column Properties:</h1>
 
-                </div>
 
-                <table id="column"></table>
 
-            </div>
 
-            <div>
 
-                <div class="page-header">
 
-                    <h1 id="events">Events:</h1>
 
-                </div>
 
-                <table id="event"></table>
 
-            </div>
 
-            <div>
 
-                <div class="page-header">
 
-                    <h1 id="methods">Methods:</h1>
 
-                </div>
 
-                <table id="method"></table>
 
-            </div>
 
-            <div>
 
-                <div class="page-header">
 
-                    <h1 id="examples">Examples:</h1>
 
-                </div>
 
-
 
-                <h2 id="basic">Basic Table</h2>
 
-                <div class="bs-example">
 
-                    <table class="bootstrap-table" data-url="docs/data1.json" data-height="246">
 
-                        <thead>
 
-                        <tr>
 
-                            <th data-field="id" data-align="right">Item ID</th>
 
-                            <th data-field="name" data-align="center">Item Name</th>
 
-                            <th data-field="price" data-align="left">Item Price</th>
 
-                        </tr>
 
-                        </thead>
 
-                    </table>
 
-                </div>
 
-                <div class="highlight">
 
-<pre><code class="language-html">
 
-&lt;table class="bootstrap-table" data-url="docs/data1.json" data-height="246"&gt;
 
-    &lt;thead&gt;
 
-        &lt;tr&gt;
 
-            &lt;th data-field="id" data-align="right"&gt;Item ID&lt;/th&gt;
 
-            &lt;th data-field="name" data-align="center"&gt;Item Name&lt;/th&gt;
 
-            &lt;th data-field="price" data-align="left"&gt;Item Price&lt;/th&gt;
 
-        &lt;/tr&gt;
 
-    &lt;/thead&gt;
 
-&lt;/table&gt;
 
-</code></pre>
 
-                </div>
 
-
 
-                <h2 id="sort">Sort Table</h2>
 
-                <div class="bs-example">
 
-                    <table class="bootstrap-table" data-url="docs/data1.json" data-height="246">
 
-                        <thead>
 
-                        <tr>
 
-                            <th data-field="id" data-align="right" data-sortable="true">Item ID</th>
 
-                            <th data-field="name" data-align="center" data-sortable="true">Item Name</th>
 
-                            <th data-field="price" data-sortable="true" data-sortable="true">Item Price</th>
 
-                        </tr>
 
-                        </thead>
 
-                    </table>
 
-                </div>
 
-                <div class="highlight">
 
-<pre><code class="language-html">
 
-&lt;table class="bootstrap-table" data-url="docs/data1.json" data-height="246"&gt;
 
-    &lt;thead&gt;
 
-        &lt;tr&gt;
 
-            &lt;th data-field="id" data-align="right" data-sortable="true"&gt;Item ID&lt;/th&gt;
 
-            &lt;th data-field="name" data-align="center" data-sortable="true"&gt;Item Name&lt;/th&gt;
 
-            &lt;th data-field="price" data-sortable="true" data-sortable="true"&gt;Item Price&lt;/th&gt;
 
-        &lt;/tr&gt;
 
-    &lt;/thead&gt;
 
-&lt;/table&gt;
 
-</code></pre>
 
-                </div>
 
-
 
-                <h2 id="radio">Radio Table</h2>
 
-                <div class="bs-example">
 
-                    <table class="bootstrap-table" data-url="docs/data1.json" data-height="246">
 
-                        <thead>
 
-                        <tr>
 
-                            <th data-field="state" data-radio="true"></th>
 
-                            <th data-field="id" data-align="right">Item ID</th>
 
-                            <th data-field="name" data-align="center">Item Name</th>
 
-                            <th data-field="price" data-align="left">Item Price</th>
 
-                        </tr>
 
-                        </thead>
 
-                    </table>
 
-                </div>
 
-                <div class="highlight">
 
-<pre><code class="language-html">
 
-&lt;table class="bootstrap-table" data-url="docs/data1.json" data-height="246"&gt;
 
-    &lt;thead&gt;
 
-        &lt;tr&gt;
 
-            &lt;th data-field="state" data-radio="true"&gt;&lt;/th&gt;
 
-            &lt;th data-field="id" data-align="right"&gt;Item ID&lt;/th&gt;
 
-            &lt;th data-field="name" data-align="center"&gt;Item Name&lt;/th&gt;
 
-            &lt;th data-field="price" data-align="left"&gt;Item Price&lt;/th&gt;
 
-        &lt;/tr&gt;
 
-    &lt;/thead&gt;
 
-&lt;/table&gt;
 
-</code></pre>
 
-                </div>
 
-
 
-                <h2 id="checkbox">Checkbox Table</h2>
 
-                <div class="bs-example">
 
-                    <table class="bootstrap-table" data-url="docs/data1.json" data-height="246">
 
-                        <thead>
 
-                        <tr>
 
-                            <th data-field="state" data-checkbox="true"></th>
 
-                            <th data-field="id" data-align="right">Item ID</th>
 
-                            <th data-field="name" data-align="center">Item Name</th>
 
-                            <th data-field="price" data-align="">Item Price</th>
 
-                        </tr>
 
-                        </thead>
 
-                    </table>
 
-                </div>
 
-                <div class="highlight">
 
-<pre><code class="language-html">
 
-&lt;table class="bootstrap-table" data-url="docs/data1.json" data-height="246"&gt;
 
-    &lt;thead&gt;
 
-        &lt;tr&gt;
 
-            &lt;th data-field="state" data-checkbox="true"&gt;&lt;/th&gt;
 
-            &lt;th data-field="id" data-align="right"&gt;Item ID&lt;/th&gt;
 
-            &lt;th data-field="name" data-align="center"&gt;Item Name&lt;/th&gt;
 
-            &lt;th data-field="price" data-align="left"&gt;Item Price&lt;/th&gt;
 
-        &lt;/tr&gt;
 
-    &lt;/thead&gt;
 
-&lt;/table&gt;
 
-</code></pre>
 
-                </div>
 
-
 
-                <h2 id="pagination">Pagination Table</h2>
 
-                <div class="bs-example">
 
-                    <table class="bootstrap-table" data-url="docs/data2.json" data-height="246" data-pagination="true">
 
-                        <thead>
 
-                        <tr>
 
-                            <th data-field="state" data-checkbox="true"></th>
 
-                            <th data-field="id" data-align="right">Item ID</th>
 
-                            <th data-field="name" data-align="center">Item Name</th>
 
-                            <th data-field="price" data-align="">Item Price</th>
 
-                        </tr>
 
-                        </thead>
 
-                    </table>
 
-                </div>
 
-                <div class="highlight">
 
-<pre><code class="language-html">
 
-&lt;table class="bootstrap-table" data-url="docs/data1.json" data-height="246" data-pagination="true"&gt;
 
-    &lt;thead&gt;
 
-        &lt;tr&gt;
 
-            &lt;th data-field="state" data-checkbox="true"&gt;&lt;/th&gt;
 
-            &lt;th data-field="id" data-align="right"&gt;Item ID&lt;/th&gt;
 
-            &lt;th data-field="name" data-align="center"&gt;Item Name&lt;/th&gt;
 
-            &lt;th data-field="price" data-align="left"&gt;Item Price&lt;/th&gt;
 
-        &lt;/tr&gt;
 
-    &lt;/thead&gt;
 
-&lt;/table&gt;
 
-</code></pre>
 
-                </div>
 
-            </div>
 
-            <div>
 
-                <div class="page-header">
 
-                    <h1 id="acknowledgements">Acknowledgements:</h1>
 
-                </div>
 
-                <p>© 2012-2014, Bootstrap Table is licensed under the The MIT License. Coded by wenzhixin. </p>
 
-                <p>My website (<a href="http://wenzhixin.net.cn">wenzhixin.net.cn</a>)</p>
 
-                <p>My repos (<a href="http://repos.wenzhixin.net.cn">repos.wenzhixin.net.cn</a>)</p>
 
-                <p>Github (<a href="https://github.com/wenzhixin">@wenzhixin</a>)</p>
 
-                <p>Email (wenzhixin2010@gmail.com)</p>
 
-            </div>
 
-        </div>
 
-    </div>
 
-</div>
 
-
 
-<a href="https://github.com/wenzhixin/bootstrap-table" class="fork_me"></a>
 
-
 
-<div class="footer">
 
-    <p>
 
-        Copyright © 2012-2014 wenzhixin.net.cn
 
-    </p>
 
-</div>
 
-
 
-<script src="assets/jquery.min.js"></script>
 
-<script src="assets/bootstrap/js/bootstrap.min.js"></script>
 
-<script src="src/bootstrap-table.js"></script>
 
-<script src="docs/docs.js"></script>
 
-<script src="//wenzhixin.net.cn/js/analytics.js"></script>
 
+<script>
 
+    location.replace('docs' + location.hash);
 
+</script>
 
 </body>
 
 </body>
 
-</html>
 
+</html>

+ 2 - 2
src/bootstrap-table.js
查看文件 

@@ -410,7 +410,7 @@
 
             return;
 
             return;
 
         }
 
         }
 
         $.ajax({
 
         $.ajax({
 
-            method: this.options.method,
 
+            type: this.options.method,
 
             url: this.options.url,
 
             url: this.options.url,
 
             data: this.options.queryParams,
 
             data: this.options.queryParams,
 
             contentType: 'application/json',
 
             contentType: 'application/json',
 
@@ -538,7 +538,7 @@
 
     // =======================
 
     // =======================
 
 
 
     $(function() {
 
     $(function() {
 
-        $('.bootstrap-table').bootstrapTable();
 
+        $('[data-toggle="table"]').bootstrapTable();
 
     });
 
     });
 
 
 
 }(jQuery);
 
 }(jQuery);