关闭边栏(ESC)打开边栏(ESC)
使用到表格显示明细时,如果想固定表头,这个插件就派上用场了:jquery.fixedheadertable.js
首先引用jquery.js与jquery.fixedheadertable.j
1 2 |
<script src="jquery-1.11.3.min.js"></script> <script src="jquery.fixedheadertable.min.js"></script> |
引用CSS
1 2 |
<link href="fixedheadertable/css/defaultTheme.css" rel="stylesheet"> <link href="fixedheadertable/css/myTheme.css" rel="stylesheet"> |
注:下载下来的fixedheadertabl,里面包含了样式的
然后调用
1 2 3 4 5 6 7 8 9 |
//固定表头插件 $('.fixedHeader').fixedHeaderTable({ // footer: true, //如果有tfoot的时候 // cloneHeadToFoot: true, //复制表头到表脚 altClass: 'odd', //是否奇行变色 // fixedColumns: 2, //固定列 //themeClass:'fancyTable', //有个mytheme.css里的表格样式 autoShow: true }); |
注:.fixedHeader
:这个是要调用的表格,如下:
1 |
<table class="fixedHeader">...</table> |