body部分的表, 设置 overflow:auto 即可.
难点:
2个table的 header 保持宽度一致, 以及左右滚动时保持一致.
jquery 做个宽度自动匹配.
尝试下吧, 我想做的, 后来需求停掉就没实现, 思路就是上面的.
或者尝试 extjs/jqueryui等其他第三方插件.本回答被提问者和网友采纳
<table width="500" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#006600">
<tr>
<th height="30">栏目A</th>
<th>栏目B</th>
<th>栏目C</th>
</tr>
<tr>
<td colspan="3">
<div style="width:500px; height:100px; overflow:auto;">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="24" bgcolor="#FFFFCC" width="200">aaaa</td>
<td bgcolor="#99CC00" width="200">bbbb</td>
<td bgcolor="#0066CC" width="200">cccc</td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFCC">aaaa</td>
<td bgcolor="#99CC00">bbbb</td>
<td bgcolor="#0066CC">cccc</td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFCC">aaaa</td>
<td bgcolor="#99CC00">bbbb</td>
<td bgcolor="#0066CC">cccc</td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFCC">aaaa</td>
<td bgcolor="#99CC00">bbbb</td>
<td bgcolor="#0066CC">cccc</td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFCC">aaaa</td>
<td bgcolor="#99CC00">bbbb</td>
<td bgcolor="#0066CC">cccc</td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFCC">aaaa</td>
<td bgcolor="#99CC00">bbbb</td>
<td bgcolor="#0066CC">cccc</td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFCC">aaaa</td>
<td bgcolor="#99CC00">bbbb</td>
<td bgcolor="#0066CC">cccc</td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFCC">aaaa</td>
<td bgcolor="#99CC00">bbbb</td>
<td bgcolor="#0066CC">cccc</td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFCC">aaaa</td>
<td bgcolor="#99CC00">bbbb</td>
<td bgcolor="#0066CC">cccc</td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFCC">aaaa</td>
<td bgcolor="#99CC00">bbbb</td>
<td bgcolor="#0066CC">cccc</td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFCC">aaaa</td>
<td bgcolor="#99CC00">bbbb</td>
<td bgcolor="#0066CC">cccc</td>
</tr>
<tr>
<td height="24" bgcolor="#FFFFCC">aaaa</td>
<td bgcolor="#99CC00">bbbb</td>
<td bgcolor="#0066CC">cccc</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
...部分显示滚动条滚动,thead部分不动。。跪求答案???
2个table. 一个仅显示 table head部分, 另外一个仅显示 body部分.body部分的表, 设置 overflow:auto 即可.难点:2个table的 header 保持宽度一致, 以及左右滚动时保持一致.jquery 做个宽度自动匹配.尝试下吧, 我想做的, 后来需求停掉就没实现, 思路就是上面的.或者尝试 extjs\/jqueryui等其他第三方...
html的table中<TBODY><\/tbody>标记好像根本没有作用哦,是吗?
不是，直视没写时浏览器会直接帮我们创建这些标签所对应的对象。1、<tbody> 标签表格主体（正文）。该标签用于组合 HTML 表格的主体内容。tbody 元素应该与 thead 和 tfoot 元素结合起来使用。thead 元素用于对 HTML 表格中的表头内容进行分组，而 tfoot 元素用于对 HTML 表格中的表注（页脚）内容进行...
NextJS开发:shadcn\/ui实现table表头固定tbody滚动效果
为了实现table表头固定、tbody滚动效果，可以采用HTML + CSS的方式来构建。首先，通过HTML结构定义table，确保其内部元素的合理组织。然后，利用CSS样式对table进行布局与样式设计，确保表头固定于顶部，而表体部分可以滚动。具体实现步骤如下：HTML结构定义：确保table结构清晰，包含thead（表头）和tbody（表体...
jsp页面中如何固定表格标题,表格的内容用垂直滚动条?
和html是一样的，需要加入frame 和 frameset <frameset rows="64,*" cols="*" framespacing="0" frameborder="yes" border="0"> <frame src="top.jsp" name="topFrame" scrolling="NO" noresize > <frame src="index2.jsp" name="mainFrame"> <\/frameset> <\/frameset> ...
<TBODY> 什么意思,有什么用???
TBody是在table中使用的，用来指明由它包括的各表格行做为表格的主体部分。TBody与THead和TFoot在表格中形成三个“块”，THead指明表格的Head部分，TFoot指明表格的脚注部分。而TBody则指明表格的主体部分。比如:<TABLE> <THEAD> <TR> <TD> This text is in the THEAD.<\/TD> <\/TR> <\/THEAD> <...
vue中左右滑动页面固定?
vue移动端开发列表左边固定右边可以左右滑动上下滑动同步?首先将表格分成左右两部分，左边第一列在上下滑动是header部分需要固定；右边第一行在左右滑动时firstRow和header部分也需要是固定的。不光是css3，gif动画也是，不信你打开一个gif滚动的时候看它还动不动。iOS最先响应屏幕反应。vue-cli脚手架打包...
<body>标签和<tbody>标签有什么区别?
body是html的主体部分 所有要显示的内容都放在里面 而且一个html文件只能有一个body tbody是表格的主体内容部分 它应该是table的子标签 跟thead和tfoot是并列的
html标签哪些需要封闭哪些不要?
需要封闭的有(不封可能显示不正确)：<a href=""><\/a> <div><\/div> <table><tr><td><\/td><\/tr><\/table> <label><\/label> <form><\/form> <select><\/select> <b><\/b><i><\/i><u><\/u> <H1><\/H1> <font><\/font> <span><\/span> <STRONG><\/STRONG> <TBODY><\/TBODY> ...
body的html标签
标签,是用在网页中的一种HTML标签,表示网页的主体部分,也就是用户可以看到的内容,可以包含文本、图片、音频、视频等各种内容!格式一般如下:<html><head><title>;网页名称<\/title><\/head><body>存入网页的主体部分内容如:<table>;代表表格<tr>;代表行<p>;代表段落<td>;代表单元格...<\/td>;代表单元格<\/tr...
html中双标签有哪些?
(breaking)标签是HTML中一个简单的换行符。br\/标签是一个单标签。在需要换行的位置可以使用br\/标签书写,但是br\/与p不同,br\/没有建立新的段落的语义,只是简单的进行强制换行。 HTML中有部分标签是用来对文字进行格式化显示设置的,比如粗体和斜体等。文本格式化的标签均为双标签,且为文本级标签,内部只能书写文字。在...
