`

表格左侧列少固定，右侧列多下方出现滚动条实现代码

    博客分类：
  • html
 
阅读更多 
<html>
<head>
<title></title>
</head>
<body>
   <table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#9AC0CD">
   <tr><td>
	<!--newface  Frame page E2-->
	<table width="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
	<td width="20%" valign="top">
		<table width="100%"  border="0" cellspacing="0" cellpadding="0">
		<tr>
		 <td align="center"  nowrap height="26"><b>员工编号</b></td>
		 <td align="center"  nowrap height="26"><b>姓名</b></td>
		</tr>
		<tr>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
		</tr>
		<tr>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
		</tr>
		<tr>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
		</tr>
		<tr>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
		</tr>
		<tr>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
		</tr>
		<tr>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
		</tr>
		<tr>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
		</tr>
		<tr>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
		</tr>
		<tr>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
		</tr>
		<tr>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
		</tr>

		</table>
	</td>
	<td width="80%" valign="top">
		<DIV style="z-index:1000; OVERFLOW: auto; WIDTH: 100%; POSITION: absolute;height=300;">
		<table width="100%"  border="0" cellspacing="0" cellpadding="0">
		<tr>
			<td  height="26" align="center" nowrap><b>2011-10-01[六]</b></td>
			<td  height="26" align="center" nowrap><b>2011-10-01[六]</b></td>
			<td  height="26" align="center" nowrap><b>2011-10-01[六]</b></td>
			<td  height="26" align="center" nowrap><b>2011-10-01[六]</b></td>
			<td  height="26" align="center" nowrap><b>2011-10-01[六]</b></td>
			<td  height="26" align="center" nowrap><b>2011-10-01[六]</b></td>
			<td  height="26" align="center" nowrap><b>2011-10-01[六]</b></td>
			<td  height="26" align="center" nowrap><b>2011-10-01[六]</b></td>
			<td  height="26" align="center" nowrap><b>2011-10-01[六]</b></td>
			<td  height="26" align="center" nowrap><b>2011-10-01[六]</b></td>
		<tr>
        <tr>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
		</tr>
		 <tr>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
		</tr>
		 <tr>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
		</tr>
		 <tr>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
		</tr>
		 <tr>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
		</tr>
		 <tr>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
		</tr>
		 <tr>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
		</tr>
		 <tr>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
		</tr>
		 <tr>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
		</tr>
		 <tr>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
			<td height="21" nowrap>aaaaaa</td>
		</tr>

		</table>
		</div>
	</td>
	</tr>
	</table>
  <!--newface  Frame body E2-->
</tr></td></table>
</body>
</html>

 

分享到：
| JS控制文本框只能输入整数或带一位小数的浮 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    EXCEL 如何让表格的首行或首列固定不动不滚动-.docx

    3. 验证冻结列是否生效的方法很简单：使用页面上的水平滚动条，你应该会发现首列始终固定在屏幕的左侧，无论你如何滚动查看右侧的数据列。 熟练掌握冻结窗格的功能对于提高在Excel中的操作体验和工作效率非常重要。...

    解决elementUI 切换tab后 el_table 固定列下方多了一条线问题

    这是因为当表格的宽度达到临界值，固定列的高度没有自动适应，导致出现垂直滚动条，固定列的高度小于实际需要的高度。 要解决这个问题，关键在于正确设置固定列的高度。在检查元素工具中，我们可以发现固定列的DOM...

    WPS表格固定指定行和列.docx

    操作完成后，表格窗口会显示出一条分隔线，位于被固定行或列的下方或右侧，以此为界，上方或左侧的部分就会被固定。 举个具体的例子，假设我们有一个包含数月销售数据的表格，表头为“月份”、“产品A销量”、...

    Excel2021冻结窗口，表格中如何“横竖”固定窗口.docx

    执行完毕后，A1列会固定在屏幕的左侧，无论滚动水平滚动条到哪里，A1列始终可见。 最后，用户常常需要同时冻结行和列来锁定数据视图中特定的交叉区域。例如，如果需要同时冻结A2行和A1列，应选择B3单元格（即A2行...

    如何冻结excel表格行和列？.docx

    这样，表头和左侧的列也会固定。 3. **取消冻结**： - 如果不再需要冻结，可以再次点击“窗口”菜单，然后选择“取消冻结窗格”，即可解除冻结状态。 ### 方法二：表格拆分法 1. **操作步骤**： - 同样，先确保...

    61个时尚网页特效

    仿MAC苹果系统跟随滚动条飘浮网页下方的 天气图标 宽幅的JS幻灯片放映特效代码 对话框.htm 小球碰撞叠加 带分类和缩略图显示的jquery相册特 时钟特效 最少代码的瀑布流实现预览效果 滚动条.htm 漂亮的放GG代码的广告...

    技巧16系列产生在行或列有何不同共2页.pdf.zip

    1. **插入和删除**：类似行操作，插入或删除列会影响所有左侧和右侧的列标。这对于扩展数据列或移除不再需要的信息很有用。 2. **命名**：列可以被赋予易于理解的标题，提高数据可读性。 3. **宽度调整**：调整列宽...

    excel表格的基本操作_excel表格教程_excel表格制作教程

    37. **快速浏览长工作簿**：使用“滚动条”的上下箭头，可快速浏览到工作簿的顶部或底部。 38. **快速删除工作表中的空行**：通过查找和替换功能，找到空行并删除。 39. **绘制斜线表头**：使用“边框”工具中的...

    网页设计框架详解PPT学习教案.pptx

    创建框架和框架集可以使用Dreamweaver CS3提供的15种框架类型，例如上方固定、上方固定下方固定、上方固定右侧嵌套、上方固定左侧嵌套等。创建框架可以使用新建文档的方式，也可以将普通网页转变为框架结构。 框架...

    excel表格的基本操作大全

    双击单元格的左边或右边边界可以快速选择整个列。 **22. 快速选定不连续单元格** 按住Ctrl键的同时，使用鼠标左键点击不连续的单元格，即可快速选定。 **23. 根据条件选择单元格** 利用“条件格式”功能中的“突出...

    Excel表格的基本操作.doc

    20. **双击单元格某边移动/选取单元格**：双击左侧或上方边缘移动单元格，双击右侧或下方边缘选取单元格区域。 21. **快速选定不连续单元格**：按Ctrl键选择。 22. **根据条件选择单元格**：使用“数据”-&gt;“筛选”...

    EXCEL怎么冻结窗口.docx

    此时，Excel会在你之前选中的单元格下方或右侧创建一条不可见的拆分线，将窗口分为两部分。对于冻结第一行的情况，你会在A1单元格的下方看到一条横线，表明A1行已被冻结。 6. 现在，当你在工作表中上下滚动时，A1...

    计算机教师招聘考试试题及答案.pdf

    选项A正确，而滚动条用于浏览文档，垂直标尺调整行高，表格自动套用格式则是应用预设的表格样式。 2. **表格公式求和**：在Word 2000的表格中，可以使用内置的公式进行计算。题目中提到的对当前单元格左边所有...

    office 技能大全

    - 将鼠标移动到滚动条上方，直到鼠标指针变为双箭头。 - 按住鼠标左键向下拖动，使文档编辑区域一分为二。 - 分别在上下两个编辑区域中查找所需内容和粘贴位置。 #### 八、取消“自作聪明”的超级链接 如果不...

    经过对网页设计基础这门课的学习，我对网页设计以及相关工具的使用有了深入的了解

    作者采用左右下框架，左侧作为导航栏，下方是滚动图片栏，右侧则是内容展示区。导航栏包括多个链接，如个人档案、日志、班级、宠物和视频欣赏等，每个链接都指向对应的子页面。为了保持音乐播放的连续性，作者在导航...

    2021-2022计算机二级等级考试试题及答案No.19513.docx

    在Word中，如果文档内容过宽，无法完全在屏幕内显示，用户可以通过这个滚动条轻松地查看文档的左侧或右侧部分。 在HTML文档中，`&lt;title&gt;`标记对是非常关键的，它定义了网页的标题，通常显示在浏览器的标题栏或书签...

    带行数和标尺的RichTextBox

    在自定义带行数的RichTextBox时，开发者通常会在控件的右侧或者下方附加一个额外的区域来显示当前的行数。每当文本内容发生变化时，例如添加、删除或移动文本，都会触发一个事件（如TextChanged或SelectionChanged）...

    office2010教程

    - 移动鼠标到滚动条上方，当鼠标指针变为双箭头时，按住鼠标左键向下拖动。 - 这样文档编辑区域将被一分为二，可以在上方编辑区查找文章开头内容，在下方编辑区找到需要粘贴的位置。 **8. 取消“自作聪明”的超级...

    html标记复习资料（网络开发初级）

    这里创建了两个框架，上方一个固定高度的“banner”和下方一个自适应高度的列，左侧列包含“contents”框架，右侧列包含“main”框架。 11. **表单**：`&lt;form&gt;` 标签用于创建表单，`action` 属性指定处理表单数据...

    CAD软件技术分享.docx

    涵盖了软件初始设置、绘制直线、任意缩放显示比例、选择图形、删除图形、绘制构造线、绘制多边线、将多个图形组成图块、修改图块、打散图块、矩形绘制、弧线、圆形、曲线、填充图案、填充软件以外的其他图案、移动...

Magicbox
Global site tag (gtag.js) - Google Analytics