`
thunderbow
  • 浏览: 156776 次
  • 性别: Icon_minigender_1
  • 来自: beijing
社区版块
存档分类
最新评论

带滚动条的table (ie only)

阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<head>
<style>
body {background-color: #F0F0F0 ;  font: 11px "verdana","Arial"; width:90%; margin-left:auto; margin-right:auto; }
.tScroll {border: 1px #7494BF solid; background-color: #ffffff; overflow: scroll; overflow-x:hidden; height:300px; cursor: default; }
tr.tableHead { position:relative; background-color:#BFCEE7; height: 16px; text-align: center; }
th, td { font: 11px "Verdana", "Arial"; border: #7494BF solid; border-width: 0px 1px 1px 0px; }
table{width:100%; }
</style>
</head>
<body>
<div class="tScroll">
<table cellspacing="0">
 <tr class="tableHead">
  <th>heading1***************</th>
  <th>heading2</th>
  <th>heading3</th>
  <th>heading4*************</th>
  <th>heading5</th>
  <th>heading6****</th>
 </tr>
 <tr><td>cell1</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
 <tr><td>cell n</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td><td>cell</td></tr>
</table>
</div>
</body>
</html>

 

分享到:
评论

相关推荐

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

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

    IE滚动条 CSS样式

    特别是在Internet Explorer(IE)浏览器中,由于其对滚动条样式的特殊处理,需要特别的技巧来进行自定义。本文将深入探讨如何通过CSS实现IE滚动条的样式定制。 首先,我们需要理解IE滚动条的特性和限制。在早期版本...

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

    本篇文章将详细探讨如何在Vue项目中自定义浏览器滚动条,同时确保兼容大部分浏览器,包括较为古老的Internet Explorer(IE)。 首先,我们需要理解浏览器滚动条的工作原理。滚动条由两个主要部分组成:轨道(track...

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

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

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

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

    表格 题头拖动 超出宽度显示省略号(中文亦可) 滚动条 兼容IE,FF,safari

    本话题主要涉及以下几个关键知识点:表格题头的拖动、超出宽度显示省略号、滚动条的使用以及跨浏览器兼容性,特别是针对IE、Firefox(FF)和Safari这三大主流浏览器。 1. **表格题头拖动**:这是一种交互设计特性,...

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

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

    IE多彩滚动条

    IE多彩滚动条 Ver 1.0   (C)Copyright 小鱼儿工作室 2002  免费软件 要VB6运行库的支持。预览功能要装IE5.5(ME默认安装)之后才有效。 IE5.5之后,支持滚动条的CSS,可以制作出彩色的滚动条。不过,...

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

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

    TABLE滚动条

    在IT领域,滚动条是用户界面(UI)设计中不可或缺的一部分,特别是在表格(TABLE)元素中,当数据过多无法在单个屏幕内显示时,滚动条提供了浏览整个内容的手段。"TABLE滚动条"这个主题涉及到网页开发中的HTML、CSS...

    ie8-select滚动条

    在IE8浏览器中,"ie8-select滚动条"是一个与网页设计和开发相关的技术问题,主要涉及到CSS样式、JavaScript以及浏览器兼容性。在IE8及其以下版本,原生的HTML `&lt;select&gt;` 元素的滚动条样式无法通过CSS直接自定义,这...

    visual c++自定义滚动条外观 制作五颜六色的滚动条(水平滚动条,垂直滚动条).zip

    在Visual C++编程环境中,创建五颜六色的滚动条是一项独特且有趣的技术挑战。滚动条作为用户界面的重要组成部分,通常具有系统默认的样式和颜色。然而,通过自定义控件和绘图技术,我们可以改变其外观,实现个性化的...

    OAF Table 滚动条

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

    好看的滚动条样式

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

    vfp带滚动条的容器

    在 FoxPro(Visual FoxPro,简称VFP)编程环境中,创建一个带有滚动条的容器是非常常见且实用的需求,尤其在处理大量数据或者设计用户界面时。`vfpscrollbar` 提供了这样的功能,它是一个专门用于在VFP中集成滚动条...

    c# 控制带有滚动条的控件

    在C#编程中,控制带有滚动条的控件是一项常见的任务,特别是在开发用户界面时,尤其是在需要处理大量数据或者需要用户浏览超过屏幕显示范围的内容时。`ScrollBarManagerTest`这个项目可能是一个演示如何实现这一功能...

    div滚动条 带滚动条的div div滚动条样式

    DIV 滚动条样式详解 在 HTML 中,我们经常需要在 DIV 元素中添加滚动条,以便在内容超出 DIV 区域时,能够滚动查看内容。这篇文章将详细介绍如何使用 CSS 样式表来实现 DIV 滚动条的样式设置。 什么是 DIV 滚动条...

    jquery给表格加滚动条

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

Global site tag (gtag.js) - Google Analytics