`

table 滚动条

 
阅读更多

(转)DIV让固定尺寸的Table或者Td显示较大数量内容是出现滚动条

宽和高一定要加上"PX"

代码一:
<div     style="overflow:auto; width:560; height: 100; border: 0px solid #000000;margin-top: 0px;">
<table>
<tr><td>内容输出</td></tr>
</table>
</div>
说明,overflow:auto表示自动适应,内容超出即出现滚动条;width:560; height: 100;是DIV块的宽和高。


代码二:
<table width="560" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div style="overflow-y:scroll; width:560px; height:100px;">内容输出</div></td>
</tr>
</table>
说明,overflow-y:scroll表示竖向出现滚动条(overflow-X:scroll就是横向滚动条);width:560px; height:100px;是DIV块的宽和高.

分享到:
评论

相关推荐

    纯css实现table滚动条(纯css实现div滚动条)

    纯css实现table滚动条(纯css实现div滚动条),主要是通过设定高度/宽度及overflow:auto;实现.

    TABLE滚动条

    标题中的“TABLE滚动条”指的是在网页或应用中,当表格内容过多无法在单个屏幕内完全显示时,为了能够浏览表格的所有数据,所引入的一种交互元素——滚动条。滚动条通常出现在表格的右侧(水平滚动条)或底部(垂直...

    OAF Table 滚动条

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

    jQuery table scroll表格插件内容部分加滚动条

    总之,jQuery Table Scroll插件为网页中的大型表格提供了便捷的滚动条解决方案,使得用户可以在有限的屏幕空间内查看和操作大量数据。通过合理地配置参数和结合其他前端技术,你可以创建出高效且用户体验良好的数据...

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

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

    element table固定头部兼容ie的滚动条样式自定义

    element table固定头部ie的滚动条样式自定义,element table固定头部ie的滚动条样式自定义,element table固定头部ie的滚动条样式自定义,element table固定头部ie的滚动条样式自定义,element table固定头部ie的...

    好看的滚动条样式

    标题中的“好看的滚动条样式”指的是在网页设计中对浏览器默认滚动条进行美化和定制的一种技术。滚动条作为用户浏览长内容时不可或缺的交互元素,其样式和用户体验往往被开发者忽视,但通过自定义,可以提升网站的...

    table滚动上下对齐

    静态页面

    jquery给表格加滚动条

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

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

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

    纯CSS实现表头固定表格滚动条效果

    在网页设计中,当表格数据过多时,为了保持可读性,通常会使用滚动条来显示隐藏的内容。然而,一个常见的需求是使表格的表头在滚动时始终保持可见,这样用户在浏览长表格时仍能清楚地看到列名。本文将详细介绍如何仅...

    HTML表格滚动条 两种形式

    在HTML中,可以通过设置`&lt;table&gt;`元素的CSS样式来添加垂直滚动条。首先,我们需要限制表格的宽度或高度,使得内容溢出,然后设置`overflow`属性为`auto`或`scroll`,这样就会自动出现滚动条。以下是一个简单的例子:...

    table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法

    table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table...

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

    在本篇示例代码中,将重点介绍如何在Element UI的el-table组件中记录和恢复滚动条位置。 通常情况下,直接通过JavaScript的`scrollTop`属性赋值来控制滚动条位置,这种方法简单直接。但在一些特定的场景下,例如在...

    bootstrap-table头部错位已完美解决

    另外,当表格内容过多,导致需要滚动查看时,如果表格的固定列(fixed-columns)设置不当,也可能造成错位。 为了解决这个问题,我们可以采取以下策略: 1. **检查CSS样式**:确保没有其他CSS规则覆盖Bootstrap的...

    Div仿制table送自定义Scrollbar支持排序

    通过CSS伪元素(如::-webkit-scrollbar, ::-webkit-scrollbar-thumb等)和JavaScript库(如Perfect Scrollbar、SimpleBar等),我们可以实现滚动条的外观和行为定制,使其与网页整体风格保持一致,提升用户体验。...

Global site tag (gtag.js) - Google Analytics