html 如何让一个表的前几列固定，不随着滚动条移动？_随笔

追问：就是html做的一个table，我一行显示的字段太多了，超出了屏幕，就是想让table的前几列固定，当滚动条左右滑动时，前几列位置不变。有没有现成的属性实现，或者用css？或者js？怎么实现？不知道我描述的是否清楚。回答：你把你这个页面的代码发给我我看一下就知道你想要什么效果了追问：我这个页面代码太复杂了。举个例子把：我想让下面这个table前3列固定<div id = "scrolDiv" style="width: 60%overflow: autocursor: defaultdisplay: inlineposition: absoluteheight: 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>回答：你可是想让表格的宽和高都是固定的尺寸？

在HTML如何固定一个表格不不内容改变大小自动换行大神们帮帮忙 <table height=224 border=1 cellpadding="0" cellspacing="0"><tr><td valign="" >22222222222222222222222222222222222222asdfsadfsdf22222222222222222</td></tr></table>在td 上加 style="word-break : break-all

满意请采纳

怎样让HTML 表格中内容自动换行？？

如何改变图片的大小？大神们帮帮忙

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ">

<head>

body{

width:140px

height:200px

margin:160px auto

}

</style>

</head>

<body>

<div>

<table border="1" id="tbl"$amp>amp$lttr$amp>amp$lttd colspan=2 style="width:114px">sdfsdfdf</td$amp>amp$lt/tr$amp>amp$lttr$amp>amp$lttd>sdfsdfs1</td$amp>amp$lttd$amp>amp$ltimg src='images/close.gif' /$amp>amp$lt/td$amp>amp$lt/tr$amp>amp$lttr$amp>amp$lttd>sdfsdfs2</td$amp>amp$lttd$amp>amp$ltimg src='images/close.gif' /$amp>amp$lt/td$amp>amp$lt/tr$amp>amp$lttr$amp>amp$lttd>sdfsdfs3</td$amp>amp$lttd$amp>amp$ltimg src='images/close.gif' /$amp>amp$lt/td$amp>amp$lt/tr$amp>amp$lttr$amp>amp$lttd>sdfsdfs4</td$amp>amp$lttd$amp>amp$ltimg src='images/close.gif' /$amp>amp$lt/td$amp>amp$lt/tr$amp>amp$lttr$amp>amp$lttd>sdfsdfs5</td$amp>amp$lttd$amp>amp$ltimg src='images/close.gif' /$amp>amp$lt/td$amp>amp$lt/tr$amp>amp$lttr$amp>amp$lttd>sdfsdfs6</td$amp>amp$lttd$amp>amp$ltimg src='images/close.gif' /$amp>amp$lt/td$amp>amp$lt/tr$amp>amp$lttr$amp>amp$lttd>sdfsdfs7</td$amp>amp$lttd$amp>amp$ltimg src='images/close.gif' /$amp>amp$lt/td$amp>amp$lt/tr$amp>amp$lttr$amp>amp$lttd>sdfsdfs8</td$amp>amp$lttd$amp>amp$ltimg src='images/close.gif' /$amp>amp$lt/td$amp>amp$lt/tr$amp>amp$lttr$amp>amp$lttd>sdfsdfs9</td$amp>amp$lttd$amp>amp$ltimg src='images/close.gif' /$amp>amp$lt/td$amp>amp$lt/tr$amp>amp$lttr$amp>amp$lttd>sdfsdf10</td$amp>amp$lttd$amp>amp$ltimg src='images/close.gif' /$amp>amp$lt/td$amp>amp$lt/tr$amp>amp$lttr$amp>amp$lttd>sdfsdf11</td$amp>amp$lttd$amp>amp$ltimg src='images/close.gif' /$amp>amp$lt/td$amp>amp$lt/tr$amp>amp$lttr$amp>amp$lttd>sdfsdf12</td$amp>amp$lttd$amp>amp$ltimg src='images/close.gif' /$amp>amp$lt/td$amp>amp$lt/tr$amp>amp$lt/table>

</div>

<table border="1" id="aaa" style="position:absolutetop:160pxbackground:#ffffff"$amp>amp$lttr$amp>amp$lttd colspan=2 style="width:114px">sdfsdfdf</td$amp>amp$lt/tr$amp>amp$lt/table>

</div>

</body>

</html>

onload = init

function init(){

var imgs = document.getElementById("tb").getElementsByTagName("img")

for(var i=0i<imgs.lengthi++){

imgs[i].onclick = changeSp

}

function changeSp(){

if(this.flg){

this.flg = false

this.src = "images/close.gif"

}else{

this.flg = true

this.src = "images/open.gif"

}

var imgs = document.getElementById("tb").getElementsByTagName("img")

for(var i=0i<imgs.lengthi++){

if(!imgs[i].flg){

document.getElementById("tbl").tBodies[0].insertBefore(this.parentNode.parentNode, imgs[i].parentNode.parentNode)

break

}

imgs[i].onclick = changeSp

}

updataSld()

}

function updataSld(){

var imgs = document.getElementById("tb").getElementsByTagName("img")

document.getElementById("aaa").tBodies[0].innerText document.getElementById("aaa").tBodies[0].innerText= "" :document.getElementById("aaa").tBodies[0].innerHTML =""

var tr0 = document.getElementById("tbl").tBodies[0].rows[0].cloneNode(true)

tr0.style.background = "#ffffff"

document.getElementById("aaa").tBodies[0].appendChild(tr0)

for(var i=0i<imgs.lengthi++){

if(imgs[i].flg){

var a = imgs[i].parentNode.parentNode.cloneNode(true)

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/8364456.html

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

发表评论

评论列表（0条）