在网上找了很久的实现方法，有的使用了很复杂的js代码，有的甚至额外新增了后端代码，非常繁琐。
最后无意间到了bootstrap-table的官网，从demo的源码中知道了最简单的是实现方法，也就是下文提到的。
第一步：在table标签中添加功能选项
<table class="table table-bordered table-hover text-center mt-2"
data-toggle="table" <%-- 最重要的一句 --%>
data-search="true" <%-- 当前页面下的模糊搜索 --%>
data-show-fullscreen="true" <%-- 全屏查看表格 --%>
data-show-columns="true" <%-- 列筛选 --%>
data-show-columns-toggle-all="true" <%-- 列筛选时支持全选与全不选 --%>
data-show-export="true" <%-- 表格打印，可在筛选列后打印局部列，也可自定义打印格式 --%>
>
第二步：引入css和js文件
<%-- css文件 --%>
<link href="https://unpkg.com/bootstrap-table@1.19.1/dist/bootstrap-table.min.css" rel="stylesheet">
<%-- js文件 --%>
<script src="https://unpkg.com/tableexport.jquery.plugin/tableExport.min.js"></script>
<script src="https://unpkg.com/bootstrap-table@1.19.1/dist/bootstrap-table.min.js"></script>
<script src="https://unpkg.com/bootstrap-table@1.19.1/dist/extensions/export/bootstrap-table-export.min.js"></script>
三、效果
整体效果：表格的右上角增加了搜索、放大、列筛选与打印功能组件
列筛选功能：
打印功能，最关键的是可以配合列筛选功能，就是说如果有些列不想打印，就可以先把那些列先过滤掉。这是很实用的！
打印后的excel文件，可以看到只打印了自己选择的列。
examples.bootstrap-table.com/index.html?… examples.bootstrap-table.com/index.html?…
