因为引导程序自带的固定列效果满足不了公司需求,所以借助固定工作台这个插件完成了接口固定列的效果
!DOCTYPE html html lang=' en ' head meta charset=' UTF-8 '/title左右两侧固定列,中间内容可以横向拖动/title link rel='样式表href='css/fixed-table.css' rel='外部“no follow ”/脚本src=' http :http://www。jq 22。com/jquery/jquery-1。10 .2 .js /脚本脚本src=' http : js/fixed-table。js /脚本样式。固定桌箱{宽度: 800pxmargin: 50px自动;} .固定桌盒。固定桌盒包装器{/*内容了表格主体内容有纵向滚动条*/最大高度: 260 px} .固定-table _ fixed。固定表体包装{/*为了让两侧固定列能够同步表格主体内容滚动*/最大高度: 240 px} .w-150 {宽度: 150 px} .w-120 {宽度: 120 px} .w-300 {宽度: 300 px} .w-100 {宽度: 100 px} .btns { text-align : center} .btns按钮{ padd : 10px 20px }/style/head body div class=' fixed-table-box row-col-fixed '!-表头start-div类=' fixed-table _ header-wrapper ' table类=' fixed-table _ header '单元格间距=' 0 '单元格填充=' 0 '边框=' 0 '第和tr类=' w-150 '数据-fixed=' true ' div类=' table-cell '日期/div/th类='w-120'div类='表格单元格'姓名/div/th类='w-120'div类='表格单元格'省份/div/th类='w-120'div类='表格单元格'市区/div/th class=' w-300 ' div class=' table-cell '地址/div/th类='w-120'div类='表格单元格'邮编/div/th类='w-100 '数据-固定='true '数据-方向='右差异类='表格-单元格'操作/div/th /tr /thead /table /div!-表头结束了。-表格内容start-div class=' fixed-table _ body-wrapper ' table class=' fixed-table _ body '单元格间距=' 0 '单元格填充=' 0 '边框=' 0 ' t正文tr TD class=' w-150 ' div class=' table-cell ' 2016-05-03/div/TD class=' w-120 ' div class=' table-cell '王小虎/div/t