扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
1.首先需要把表头放在一个table里面，如下tableHead
| 编号 | 姓名 | 备注 | 性格 |
2.其次，把表的内容再放到一个table里面，如下tableContent，把这个table放在一个div里面，即divContent，要在css里面设置div的高度，overflow-y:scroll;
| 001 | 张三 | 喜欢旅游 | 很乐观的一个人 |
注意：width最好设置成一样
3.最后，js部分如下
$(document).ready(function(){ var contentTd = $("#tableContent").find("tr").eq(0).find("td"); $("#tableHead").find("td").each(function(i,n){ if (i == 3) { var contentWidth = $("#tableContent").width(); var headWidth = $("#tableHead").width(); var scrollbarWidth = headWidth - contentWidth; $(n).width(contentTd.eq(i).width()+scrollbarWidth); } else { $(n).width(contentTd.eq(i).width()); } }); });注意：if判断i==3,是因为表格有四列，第四列的时候表头的宽度等于第四列内容的宽度加上滚动条的宽度，上述是用表头表格的宽度减去内容表格的宽度得到。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网