寫在前面：
在做表格的時候，難免會碰到做統計的時候。由于在項目中涉及到做統計的功能比較簡單，之后也就沒有過多的去研究更復雜的，這里簡單記錄下。
這次就直接先上圖：一個簡單的例子
看到效果圖還是很好的，也比較的簡單，下面看一下具體的代碼實現，這里也就直接上代碼了。
<%@ page contentType="text/html;charset=UTF-8" language="java" %><% String scheme = request.getScheme(); String serverName = request.getServerName(); String contextPath = request.getContextPath(); int port = request.getServerPort(); //網站的訪問跟路徑 String baseURL = scheme + "://" + serverName + ":" + port + contextPath; request.setAttribute("baseURL", baseURL); System.out.println("baseURL:" + baseURL);%><!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" /> <%--設置IE渲染方式(文檔)默認為最高(這部分可以選擇添加也可以不添加)--%> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Work Members</title> <!--圖標樣式--> <link rel="stylesheet" type="text/css" href="${baseURL}/Bootstrap/bootstrap/css/bootstrap.min.css" rel="external nofollow" /> <link href="${baseURL}/Bootstrap/bootstrap-table/bootstrap-table.css" rel="external nofollow" rel="stylesheet" /> <link href="${baseURL}/Bootstrap/bootstrap-select/css/bootstrap-select.css" rel="external nofollow" rel="stylesheet" /> <link href="${baseURL}/Bootstrap/bootstrap-dialog/css/bootstrap-dialog.css" rel="external nofollow" rel="stylesheet" /> <!-- inline styles related to this page --> <!-- ace settings handler --> <script src="${baseURL}/Bootstrap/bootstrap/assets/js/jquery-2.0.3.min.js"></script> <!--[if IE]> <!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>--> <script src="${baseURL}/Bootstrap/bootstrap/assets/js/jquery-1.10.2.min.js"></script> <script src="${baseURL}/Bootstrap/bootstrap/assets/js/bootstrap.min.js"></script> <script src="${baseURL}/Bootstrap/bootstrap-table/bootstrap-table.js"></script> <style type="text/css"> table,table tr th, table tr td { border:1px solid #fac090; } /*解決設置表頭列寬無效*/ #table{ table-layout: fixed; } </style></head><body ><div style=""> <table id="table_showMembers"></table></div></body><script type="text/javascript"> $(function () { var table_showMembers = $('#table_showMembers').bootstrapTable({ url: '${baseURL}/listProjectWorkItemAssignmentByProjAndWorkItemId?projId=151&workItemId=1', method: 'get',//請求方式（*） toolbar: '#toolbar',//工具按鈕用哪個容器 striped: true,//是否顯示行間隔色 cache: false,//是否使用緩存，默認為true，所以一般情況下需要設置一下這個屬性（*） pagination: false,//是否顯示分頁（*） sortable: false,//是否啟用排序 sortOrder: "asc",//排序方式 queryParams: function (params) {//自定義參數，這里的參數是傳給后臺的，我這是是分頁用的 return {//這里的params是table提供的 startIndex: params.offset,//從數據庫第幾條記錄開始 pageSize: params.limit//每頁記錄數 }; },//傳遞參數（*） sidePagination: "server",//分頁方式：client客戶端分頁，server服務端分頁（*） pageNumber: 1,//初始化加載第一頁，默認第一頁 pageSize: 1,//每頁的記錄行數（*） pageList: [2, 4, 6, 8],//可供選擇的每頁的行數（*） // search: true,//是否顯示表格搜索，此搜索是客戶端搜索，不會進服務端 contentType: "application/x-www-form-urlencoded", strictSearch: true, //showColumns: true,//是否顯示內容列下拉框 //showRefresh: true,//是否顯示刷新按鈕 minimumCountColumns: 2,//最少允許的列數 clickToSelect: true,//是否啟用點擊選中行 //height: 700,//行高，如果沒有設置height屬性，表格自動根據記錄條數覺得表格高度 width:'50%', uniqueId: "hrPerCode",//每一行的唯一標識，一般為主鍵列 //showToggle: true,//是否顯示詳細視圖和列表視圖的切換按鈕 cardView: false,//是否顯示詳細視圖 detailView: false,//是否顯示父子表 checkboxHeader :true, //隱藏表頭的checkbox singleSelect: false, //開啟單選 showFooter:true, //開啟底部 columns: [ { field: 'perCode', title: '工亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
在线成人中文字幕|
国产在线日韩在线|
亚洲欧美精品一区二区|
欧美日韩一区二区在线播放|
国产精品1234|
久久99久久99精品中文字幕|
亚洲丝袜在线视频|
国产精品27p|
欧美自拍大量在线观看|
色偷偷av一区二区三区乱|
国产精品久久久久久久电影|
97超级碰碰人国产在线观看|
国产欧美在线播放|
亚洲国产成人一区|
亚洲直播在线一区|
深夜精品寂寞黄网站在线观看|
夜夜躁日日躁狠狠久久88av|
欧美性生交xxxxx久久久|
亚洲精品成人免费|
精品国产一区二区三区久久|
97视频免费在线观看|
日韩精品极品毛片系列视频|
2019亚洲日韩新视频|
日韩精品极品在线观看播放免费视频|
亚洲视频欧美视频|
久久av在线播放|
91性高湖久久久久久久久_久久99|
日韩欧美在线视频免费观看|
91免费人成网站在线观看18|
2019中文字幕在线免费观看|
久久久久久久久久av|
欧美成在线视频|
狠狠干狠狠久久|
亚洲国产又黄又爽女人高潮的|
精品美女国产在线|
日韩av中文字幕在线|
国产免费一区二区三区在线观看|
国产99久久精品一区二区 夜夜躁日日躁|
91视频免费网站|
亚洲男人天堂九九视频|
亚洲成人av片在线观看|
北条麻妃99精品青青久久|
日韩欧美在线第一页|
国产精品久久久久99|
成人国产精品色哟哟|
久久影院在线观看|
久久在线视频在线|
久久九九热免费视频|
欧美大片免费看|
欧美午夜影院在线视频|
久久精品久久精品亚洲人|
亚洲日本aⅴ片在线观看香蕉|
欧美亚洲国产视频|
亚洲大胆美女视频|
亚洲а∨天堂久久精品喷水|
亚洲人成网站777色婷婷|
亚洲三级免费看|
97视频人免费观看|
成人免费观看49www在线观看|
亚洲人成亚洲人成在线观看|
亚洲第一福利视频|
精品视频久久久久久|
日韩专区中文字幕|
最近中文字幕日韩精品|
国产一区二区在线播放|
91视频国产高清|
亚洲丝袜在线视频|
91香蕉亚洲精品|
欧美日韩国产影院|
亚洲色图色老头|
国内精品久久久久久影视8|
91性高湖久久久久久久久_久久99|
日本久久精品视频|
久久综合九色九九|
成人h视频在线观看播放|
久久亚洲综合国产精品99麻豆精品福利|
1769国产精品|
国产亚洲欧美一区|
欧美日韩午夜激情|
久久视频中文字幕|
久久伊人色综合|
亚洲欧美日韩综合|
日韩高清av在线|
国产精品日韩欧美综合|
在线免费观看羞羞视频一区二区|
欧美激情久久久久久|
国产日韩中文字幕|
琪琪第一精品导航|
亚洲精品456在线播放狼人|
成人做爽爽免费视频|
欧美极品少妇全裸体|
欧美激情手机在线视频|
国产人妖伪娘一区91|
91系列在线播放|
国产一区二区动漫|
久久精品亚洲精品|
亚洲在线www|
中文国产成人精品|
亚洲国产精久久久久久久|
久久99青青精品免费观看|
成人精品福利视频|
欧美在线观看视频|
日韩三级影视基地|
欧美成人免费一级人片100|
久久久这里只有精品视频|
麻豆国产精品va在线观看不卡|
精品福利免费观看|
九九热精品视频国产|
91av视频在线免费观看|
亚洲男人天堂2023|
欧美重口另类videos人妖|
精品成人国产在线观看男人呻吟|
深夜福利日韩在线看|
91精品久久久久久|
欧美日韩国产精品|
91在线观看免费观看|
国外成人性视频|
国产精品高清在线观看|
日韩女优人人人人射在线视频|
国产精品偷伦免费视频观看的|
久久久噜噜噜久噜久久|
亚洲午夜精品久久久久久久久久久久|
亚洲美女免费精品视频在线观看|
最近中文字幕日韩精品|
久久全球大尺度高清视频|
欧美极品少妇xxxxⅹ喷水|
国产91|九色|
国产日韩欧美日韩大片|
久久av红桃一区二区小说|
久久久久久成人|
2019中文字幕在线免费观看|
在线国产精品播放|
97人洗澡人人免费公开视频碰碰碰|
精品久久久久久国产91|
不卡av电影院|
国产精品久久久久免费a∨大胸|
亚洲综合精品伊人久久|
欧美国产日韩视频|
欧美黑人巨大xxx极品|
国产亚洲在线播放|
日韩在线高清视频|
懂色av一区二区三区|
日韩精品在线免费播放|
国产精品99蜜臀久久不卡二区|
欧美性色xo影院|
欧美专区在线播放|
欧美肥婆姓交大片|
国产中文日韩欧美|
欧美日韩综合视频网址|
欧美激情视频网|
日本电影亚洲天堂|
伊人久久精品视频|
国产精品99蜜臀久久不卡二区|
欧美成人自拍视频|
国产亚洲欧洲高清|
亚洲电影免费在线观看|
久久免费在线观看|
不卡伊人av在线播放|
亚洲第一偷拍网|
欧美日韩美女视频|
亚洲精品电影在线|
欧美日韩国产精品一区二区不卡中文|
国产精品久久久久久久久男|
91在线免费观看网站|