问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

html 如何让一个表的前几列固定,不随着滚动条移动?

发布网友 发布时间:2022-04-24 16:35

我来回答

10个回答

热心网友 时间:2022-04-19 06:27

1、首先新建一个web项目,主要用到了html文件和css文件。

2、然后在html文件中,有图中的代码,引入css文件和设置一个div标签。

3、然后这里是css样式文件,主要看图中红框中内容,使用fixed定位方式。

4、运行项目后,可以看到div在右下角(为了模拟这里的body高度设置很高,足够滚动条下拉到底部的)。

5、然后滑动滚动条,即使到达底部后,div的位置依旧没有修改,就完成了。

热心网友 时间:2022-04-19 07:45

1、如图,一个没有经过固定操作的电子表格,当随着表格被拖动或滚动,需要被固定的首行或首列的信息也跟着滚动消失了。

2、首先打开excel文档,假设我们需要让表格的前两行内容在表格滚动时固定在表格顶部,即第3行与第4行不变。

3、首先将鼠标移动到O5单元格(要固定的行的下一行最旁边一个单元格内),并单击,使该单元格处于被选中状态。

4、保持光标停留位置处于O5单元格,依次选择工具栏中的“视图”-“冻结窗格”-

5、单击“冻结拆分窗格”。

6、回到文档,继续拖动或滚动表格,会发现第3、4行已经被固定在此位置。至此所有操作完成,过程很简单。

热心网友 时间:2022-04-19 09:19

首先通过css实现,那么这就是布局的问题了。而需要的就是绝对布局,position: fixed;当然还有其他的,也可以去了解下。

具体方法:首先把需要固定的那几列在style里面加上position: fixed;的属性,同时设置top left属性(也就是里页面上面和左边的距离)。这个没试过,但是如果把这个表格的前几列重新分成两个表格,然后在需要固定的表格加上这个属性是绝对没问题的。

考虑兼容性问题:由于在IE6版本是不支持这个属性的,为了追求极致。请在加上一下属性。

    _position: absolute;//带下标_的哦。意思就是IE6专用

    _right: expression(eval(document.documentElement.scrollRight-0));//距离右边0px

  _top: expression(eval(document.documentElement.scrollTop+180));//距离顶部180px

当然距离什么的可以改,比如改成左:_left: expression(eval(document.documentElement.scrollLeft+5));等等

如果没达到要求,请继续追问,或者提供更详细的需求,截个图什么的,就能更好的了解回答了。

热心网友 时间:2022-04-19 11:11

追问: 就是html做的一个table,我一行显示的字段太多了,超出了屏幕,就是想让table的前几列固定,当滚动条左右滑动时,前几列位置不变。有没有现成的属性实现,或者用css?或者js?怎么实现?不知道我描述的是否清楚。。 回答: 你把你这个页面的代码发给我 我看一下 就知道你想要什么效果了 追问: 我这个页面代码太复杂了。。举个例子把:我想让下面这个table前3列固定<div id = "scrolDiv" style="width: 60%; overflow: auto; cursor: default; display: inline; position: absolute; height: 20%;"> <table><tr><td colspan = "6" align = "center">
商业运行动态</td></tr><tr><td>商业企业</td><td align = "center" width = "10%">到货量</td><td align = "center" width = "10%">分拣打码量</td><td align = "center" width = "10%">
零售户退货量</td><td align = "center" width = "10%">商商调剂量</td><td align = "center" width = "10%">库存量</td></tr><tr><td align = "left">
北京市烟草公司</td><td align = "right">100.34</td><td align = "right">100.34</td><td align = "right">100.34</td><td align = "right">100.34</td><td align = "right">100.34</td></tr><tr><td align = "left">
北京市烟草公司</td><td align = "right">100.34</td><td align = "right">100.34</td><td align = "right">100.34</td><td align = "right">100.34</td><td align = "right">100.34</td></tr></table></div> 回答: 你可是想让表格的宽和高都是固定的尺寸?如果要是这样的话就用CSS新建一个样式就可以了 追问: 不是固定尺寸,是固定位置,比如我这个table有10列,后三列在页面中是看不到的,想看到后几列,水平滚动条就得向右滑动,这样的话,后几列是看到了,但前几列如果不固定的话,前几列又看不到了,我想实现的就是,前几列位置固定,滚动条滑动,也不影响前几列。

热心网友 时间:2022-04-19 13:19

<div style="overflow-y: auto; overflow-x: visible; width: 500px; height: 430px; text-align: center">
<table>
<tr class="float_header" align="center">
 
.float_header
{
 position: relative;
 top: expression(eval(this.parentElement.parentElement.parentElement.scrollTop-2));
 background-color: #5D7B9D;
 color: White;
 font-weight: bold;
 height: 20px;
 z-index: 2;
}

上面是对一列进行定义,如果需要对前几列都进行定义固定,可让每个<tr>都添加.float的层,或者单独对这几列定义一个div。

热心网友 时间:2022-04-19 15:43

position:fixed;可以固定表的位置,随屏幕移动而移动,不过好像只能在屏幕顶端。
所以想要效果更好,需要从网上下载个JS来用,很好找的。

热心网友 时间:2022-04-19 18:25

把你表分成二段, 上段固定, 用下面的DIV层来固定
<div style="position:absolute;height:10pt;top:expression(document.body.clientHeight-this.style.pixelHeight+document.body.scrollTop);font:9pt;">

热心网友 时间:2022-04-19 21:23

冻结固定行和列即可实现。

热心网友 时间:2022-04-20 00:37

设置固定定位:position:fixed;

热心网友 时间:2022-04-20 04:09

position:fixed
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
轻度慢性萎缩性胃炎 活动期,伴轻度肠 化 胃角多发糜烂。医生说了我... 胃窦粘膜慢性轻度萎缩性炎伴轻度肠化胃窦粘膜慢性轻度萎缩性炎? 芬兰留学读研费用是多少 芬兰留学读研时间 去芬兰留学学费生活费一年要多少 芬兰留学读研费用是多少? 芬兰留学读研学费多少? 感冒好多天了,可不可以打蓝球或者其它运动出出汗啊? 感冒打喷嚏,鼻塞然后可以让自己多出出汗吗 宝宝感冒了能去游泳吗 有贷款未还清可以申请按揭房子吗 html table标签 thead表头到边缘时固定该怎么写??? 我现在贷款还没还清还可以继续贷款吗 如何设定html的table头部是固定不变的,我看网上有用css的expression来设... 贷款未还清的情况下,还能申请贷款吗? html中怎么固定一个table的表头和表位,拖动滚动条中间的数据滚动,而... 已经办的贷款没有还清,还可以申请贷款吗? HTML:table固定表头 梦见自己和妈妈看见很大又长的蜈蚣,妈妈抓住了她 周公解梦梦见、我和妈妈一起去偷花生妈妈被抓还被打 老款别克凯越驾驶座下有积水怎么排出 梦见与过世的母亲一起抓鱼,捉了红鱼的鱼? 能拆洗2010别克凯越汽车空调系统吗?费用是多少? 梦见和妈妈一起抓蟹却不和她说话 2013款凯越怎样清洗空调系统 我梦见和妈妈一起抓田螺而且好多,是什么意思 11年的别克凯越下雨后副驾驶及其后座底下有水是什么原因? 梦见自己跟男朋友在一起玩被老妈抓着了是什么意思 别克凯越空调滤芯处流水怎么回事 梦到自己在家好多蛇并和妈妈一起抓它打死预示着什么 有贷款未还清是否可以申请房贷 怎样学习Web开发,用CSS实现的固定表头的HTML表格 请问,现在有贷款未还清,但有偿还能力,还可以贷款吗? html页面里想把表头固定,表里的内容根据数据条数自动出现滚动条; 怎么... 已经在一个银行办过信用贷款 没有还清的情况下 换家银行还可以贷款吗? html table表头怎么固定?td宽度要求自适应。 有贷款还没还完,还可以申请房贷吗? html如何固定表头 html中,怎么实现这样的一个表格? html固定表头后,因为滚动条的原因导致不对齐,怎么解决? html table 列宽 html table怎么实现斜线表头 茶喝多了对人有害吗? 茶喝了有哪些好处? 茶喝多了会如何? 茶喝多了对身体有什么危害 茶喝多了对身体有害处吗?? 茶喝多了会对身体有什么影响 茶喝多了有害吗? 茶喝多了什么反应