html5 jquery bootstrap table 直接使用
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width,initial-scale=1.0"/> <meta name="keywords" content="html5 bootstrap table 直接使用"/> <meta name="description" content="html5 bootstrap table 直接使用"/> <title>html5 bootstrap table 直接使用</title> <script src="http://cdn.bootcss.com/jquery/3.1.0/jquery.min.js"></script> <link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> <script> </script> </head> <body> <div class="table-responsive"> <table class="table"> <caption>響應式表格佈局</caption> <thead> <tr> <th>產品</th> <th>付款日期</th> <th>狀態</th> </tr> </thead> <tbody> <tr> <td>產品1</td> <td>23/11/2013</td> <td>待發貨</td> </tr> <tr> <td>產品2</td> <td>10/11/2013</td> <td>發貨中</td> </tr> <tr> <td>產品3</td> <td>20/10/2013</td> <td>待確認</td> </tr> <tr> <td>產品4</td> <td>20/10/2013</td> <td>已退貨</td> </tr> </tbody> </table> </div> </body> </html>
相關文章
- 1. Bootstrap Table使用
- 2. bootstrap + bootstrap-table + jquery + bootstrap-paginator
- 3. BootStrap table使用
- 4. Bootstrap-table使用
- 5. 使用bootstrap-table簡化CRUD
- 6. bootstrap table 使用
- 7. bootstrap-table的簡單使用
- 8. Bootstrap - Bootstrap Table使用的學習總結
- 9. bootstrap-table
- 10. Bootstrap Table的使用小結
- 更多相關文章...
- • TortoiseSVN 使用教程 - SVN 教程
- • Docker 容器使用 - Docker教程
- • Composer 安裝與使用
- • 使用Rxjava計算圓周率
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
