<html> <head> <style type="text/css"> * { margin: 0; padding: 0; } /*所有内容都在这个DIV内*/ .all { width: 100%; border: 1px solid #000000 ...
之前在做一个项目的时候,需要用到表格显示一个月中每天的相关信息记录 一天的信息记录显示为一行 。于是有了这样一个问题,一次性将数据全部显示出来,页面就会出现滚动条,这样的话就不能同时看到表头信息和表格底部的数据记录,把每个月的信息记录都分为两页显示的话,又麻烦 切换月份后还要在进行分页操作 。把情况跟领导描述了下,表示不知道怎么做好了,领导略微想了下说, 把表头固定不就行了 。 好吧,固定表头, ...
2012-12-12 17:41 2 3526 推荐指数:
<html> <head> <style type="text/css"> * { margin: 0; padding: 0; } /*所有内容都在这个DIV内*/ .all { width: 100%; border: 1px solid #000000 ...
...
//控制表格滑动 table tbody { display:block; height:450px; overflow-y:scroll; } //固定表头 table thead, tbody tr { display:table; width:100 ...
1、可以使用display: table; width: 100%; table-layout: fixed; table-layout: fixed;设置表格布局算法。tableLayout 属 ...
这是在网上找到的方法,拷到自己的html打开就能看到效果了: <!DOCTYPE html> <html lang="en"> <head> < ...
因为之前约定时候产品没说要表头固定,这次迭代测试突然提出这个需求,而且不知道因为什么未知原因非要这样不可……因为之前用了table标签做表单,而且也没用插件,这下就难了点,找另外一个前端前辈妹子商量了下,她意思是用js来控制,我则是一直觉得js来计算可能性能上有点不太好,所以我推荐还是css ...
效果图:第一行和第一列固定 CSS样式介绍: ...
...