index.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Bootstrap Table</title>
  6. <meta name="author" content="zhixin">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
  9. <link rel="stylesheet" href="../src/bootstrap-table.css">
  10. <link rel="stylesheet" href="docs.css">
  11. <!--<link rel="stylesheet" href="//wenzhixin.net.cn/css/fork.css">-->
  12. <!--[if lt IE 9]>
  13. <script src="//wenzhixin.net.cn/js/html5shiv.js"></script>
  14. <script src="//wenzhixin.net.cn/js/respond.min.js"></script>
  15. <![endif]-->
  16. </head>
  17. <body class="bs-docs-home">
  18. <a class="sr-only" href="#content">Skip to main content</a>
  19. <header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav">
  20. <div class="container">
  21. <div class="navbar-header">
  22. <button class="navbar-toggle" type="button" data-toggle="collapse"
  23. data-target=".bs-navbar-collapse">
  24. <span class="sr-only">Toggle navigation</span>
  25. <span class="icon-bar"></span>
  26. <span class="icon-bar"></span>
  27. <span class="icon-bar"></span>
  28. </button>
  29. <a class="navbar-brand" href="index.html">
  30. Bootstrap Table
  31. </a>
  32. </div>
  33. <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
  34. <ul class="nav navbar-nav">
  35. <li>
  36. <a href="getting-started.html">Getting started</a>
  37. </li>
  38. <li>
  39. <a href="documentation.html">Documentation</a>
  40. </li>
  41. <li>
  42. <a href="examples.html">Examples</a>
  43. </li>
  44. </ul>
  45. <ul class="nav navbar-nav navbar-right">
  46. <!-- GitHub buttons: see http://ghbtns.com -->
  47. <li><iframe class="navbar-text" src="http://ghbtns.com/github-btn.html?user=wenzhixin&repo=bootstrap-table&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe></li>
  48. <li><iframe class="navbar-text" src="http://ghbtns.com/github-btn.html?user=wenzhixin&repo=bootstrap-table&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="95" height="20"></iframe></li>
  49. <li><iframe class="navbar-text" src="http://ghbtns.com/github-btn.html?user=wenzhixin&type=follow&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="165" height="20"></iframe></li>
  50. </ul>
  51. </nav>
  52. </div>
  53. </header>
  54. <main class="bs-masthead" id="content" role="main">
  55. <div class="container">
  56. <h1>Bootstrap Table</h1>
  57. <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>
  58. <p>
  59. <a href="https://github.com/wenzhixin/bootstrap-table" class="btn btn-outline-inverse btn-lg">Download</a>
  60. <a href="getting-started.html" class="btn btn-outline-inverse btn-lg">Getting started</a>
  61. </p>
  62. <h2>Features</h2>
  63. <ul>
  64. <li>Created for Bootstrap 3 (Bootstrap 2 supported)</li>
  65. <li>Responsive web design</li>
  66. <li>Scrollable Table with fixed headers</li>
  67. <li>Fully configurable</li>
  68. <li>Via data attributes</li>
  69. <li>Show/Hide columns</li>
  70. <li>Show/Hide headers</li>
  71. <li>Get data in JSON format using AJAX</li>
  72. <li>Simple column sorting with a click</li>
  73. <li>Format column</li>
  74. <li>Single or multiple row selection</li>
  75. <li>Powerful pagination</li>
  76. <li>Card view</li>
  77. <li>Localization</li>
  78. </ul>
  79. </div>
  80. </main>
  81. <!--<a href="https://github.com/wenzhixin/bootstrap-table" class="fork_me"></a>-->
  82. <div class="goto-top">
  83. <i class="glyphicon glyphicon-plane"></i>
  84. </div>
  85. <script src="../assets/jquery.min.js"></script>
  86. <script src="../assets/bootstrap/js/bootstrap.min.js"></script>
  87. <script src="../src/bootstrap-table.js"></script>
  88. <script src="docs.js"></script>
  89. <script src="//wenzhixin.net.cn/js/analytics.js"></script>
  90. <script src="common.js"></script>
  91. <!-- Baidu share -->
  92. <script id="bdshare_js" data="type=slide&amp;img=6&amp;pos=right&amp;uid=6692400"></script>
  93. <script id="bdshell_js"></script>
  94. <!-- Go to www.addthis.com/dashboard to customize your tools -->
  95. <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53c78e93678a7b4d"></script>
  96. </body>
  97. </html>