`
xinklabi
  • 浏览: 1579491 次
  • 性别: Icon_minigender_1
  • 来自: 吉林
文章分类
社区版块
存档分类
最新评论

给Table加滚动条,也适合其它所有元素

 
阅读更多
<style type="text/css">
<!--
#Layer1 {
	position:absolute;
	width:196px;
	height:198px;
	z-index:1;
	overflow-x:hidden;
	overflow-y:scroll
}
-->
</style>
<table width="400" height="400" border="1" align="center" cellpadding="0" cellspacing="0">
  <tr bgcolor="#999966">
    <td width="100" height="100"> </td>
    <td width="200" height="100"> </td>
    <td width="100" height="100"> </td>
  </tr>
  <tr>
    <td width="100" height="200" bgcolor="#999966"> </td>
    <td width="200" height="200" align="left" valign="top"><div id="Layer1">文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容 </div></td>
    <td width="100" height="200" bgcolor="#999966"> </td>
  </tr>
  <tr bgcolor="#999966">
    <td width="100" height="100"> </td>
    <td width="200" height="100"> </td>
    <td width="100" height="100"> </td>
  </tr>
</table>
分享到:
评论

相关推荐

    jquery给表格加滚动条

    在网页设计中,当表格(Table)中的数据过多时,为保持页面的整洁与易读性,通常会采用滚动条来展示超出视口范围的内容。本示例将详细讲解如何利用jQuery库为普通的HTML表格添加滚动条,以实现数据的高效浏览。 一...

    TABLE滚动条

    标题中的“TABLE滚动条”指的是在网页或者应用程序中,用于浏览和导航长表格内容的滚动条元素。在IT行业中,特别是在前端开发中,理解和掌握如何处理TABLE滚动条是非常重要的技能,因为它涉及到用户界面的交互性和...

    table内容出现滚动条和表头对齐问题

    为了解决"table内容出现滚动条和表头对齐问题",我们需要深入理解表格布局、CSS样式控制以及可能涉及到的JavaScript或jQuery解决方案。 首先,让我们了解一下HTML表格的基本结构。一个HTML表格由`&lt;table&gt;`元素开始...

    elementUI滚动条,点击dom元素滚动到指定位置.pdf

    然而,滚动条组件也存在一些缺点,例如在大型数据列表中可能出现性能问题。 应用场景 这个例子可以应用于各种需要滚动条的场景,例如列表、表格、图表等等。在实际应用中,我们可以根据需要添加更多的功能和配置...

    bootstrap表格固定表头并且tbody部分添加滚动条

    Bootstrap表格在设计网页时是一种非常常用的组件,尤其在处理大量数据时,为了提供更好的用户体验,我们经常需要在tbody部分添加竖向滚动条,同时保持表头固定不动。这样,当用户滚动内容时,表头始终保持可见,便于...

    OAF Table 滚动条

    标题 "OAF Table 滚动条" 涉及的是Oracle Application Framework (OAF) 中的一个特定功能,即在OAF表格组件中如何处理滚动条的问题。Oracle Application Framework是Oracle公司提供的一种企业级开发框架,用于构建...

    好看的滚动条样式

    滚动条作为用户浏览长内容时不可或缺的交互元素,其样式和用户体验往往被开发者忽视,但通过自定义,可以提升网站的整体视觉效果和交互体验。 在Web开发中,CSS(层叠样式表)是用于控制网页外观和布局的主要工具,...

    表格加滚动条

    在网页设计中,表格是一种常见的数据展示...对于不熟悉JavaScript和CSS的用户,也可以借助一些开源的表格滚动条插件,如`bootstrap-table`、`datatables`等,它们通常提供了详细的文档和示例,便于快速集成到项目中。

    页面出现滚动条的时候如何让滚动条不影响页面宽度

    总结来说,为了使滚动条不影响页面宽度,需要将页面元素的宽度与浏览器窗口宽度一致,并隐藏水平滚动条,同时注意保持内部布局元素的宽度一致性,并留心隐藏滚动条可能带来的布局问题。在实际操作中,还需要根据具体...

    vue自定义浏览器滚动条(兼容大部分浏览器含ie)_vue tree组件 下拉滚动条

    在前端开发中,有时我们需要对浏览器的默认滚动条进行自定义,以提升用户体验或符合页面设计风格。Vue.js,作为一款流行的JavaScript框架,提供了多种方式来实现这一需求。本篇文章将详细探讨如何在Vue项目中自定义...

    HTML表格滚动条 两种形式

    类似地,我们也可以通过设置CSS样式来添加水平滚动条。只需要改变`overflow`属性的值为`auto`或`scroll`,但这次是`overflow-x`,同时确保表格的宽度大于其容器的宽度,如下所示: ```html .scrolling-table { ...

    给表格加上滚动条.rar

    在IT领域,尤其是在网页开发中,表格是一种常用的数据展示方式,尤其在处理大量数据时,为了提高用户体验,我们经常需要给表格添加滚动条。本文将深入探讨如何利用JavaScript(JS)实现这一功能,并结合“表格图层”...

    解决layui数据表格table的横向滚动条显示问题

    根据fly社区给出的解释,横向滚动条出现的原因主要是因为数据表格的渲染有时会在浏览器的纵向滚动条出现之前完成。在这种情况下,浏览器会强制减少滚动条宽度的差,一般约为17px,从而导致横向滚动条的出现。这个...

    layui 实现table翻页滚动条位置保持不变的例子

    这是因为表格在每一页加载新数据时,原有的DOM元素会被替换,滚动条所关联的div元素也会随之更新,从而导致滚动条回到顶部。为了解决这个问题,我们需要在表格重载前记录滚动条的位置,并在数据重新加载后恢复这个...

    jquery给表格加滚动条.zip

    这个“jquery给表格加滚动条.zip”压缩包文件可能包含了一个使用jQuery库来实现表格滚动条的示例。jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理和动画效果等任务。在CSS、JavaScript和HTML5的配合下...

    element的el-table中记录滚动条位置的示例代码

    通过上述步骤,即使在组件缓存的场景下,也可以较为可靠地记录和恢复el-table组件中的滚动条位置。 最后,通过本篇示例代码的学习,我们可以了解到在使用Vue.js和Element UI进行Web开发时,如何处理滚动条位置的...

Global site tag (gtag.js) - Google Analytics