JS中BootStrap效果的運用——表格列印
阿新 • • 發佈:2019-01-08
描述:
JS中BootStrap效果的運用——表格列印
主要是引用檔案,教程https://blog.csdn.net/qlwangcong518/article/details/86032763
效果:
程式碼:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> //完成對bootstrap和jquery的獲取 引入 以下3行程式碼 <link href="node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet"> <script src="node_modules/jquery/dist/jquery.js"></script> <script src="node_modules/bootstrap/dist/js/bootstrap.js"></script> </head> <style> </style> <body> <div class="col-xs-6"> <table class="table table-bordered table-striped table-hover table-condensed"> <tr class="danger"> <td>1</td> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> <tr> <td>2</td> <td>2</td> <td>2</td> <td>2</td> <td>2</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> </table> </div> </body> </html>