<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Table test</title>
<style type="text/css">
<!--
td { text-align:center;font-size:12px;padding:3px;}
.Freezing_tdd
{
top:expression(document.getElementById('div_dgTittle3').scrollTop-1);
position:relative ;
z-index:100
}
.FreezingCol_th
{
LEFT: expression(document.getElementById('div_dgTittle3').scrollLeft-1);
POSITION: relative;
z-index:100
}
-->
</style>
</head>
<body>
<div id='div_dgTittle3' style=' HEIGHT:90px;WIDTH:220px;OVERFLOW:auto; ' >
<table id="table1" bordercolor="#000000" width="200" border="0">
<tbody>
<tr class="Freezing_tdd" bgcolor="#DEE7FE">
<td width="25%">1</td>
<td width="25%">11</td>
</tr>
<tr>
<td>2</td>
<td>22</td>
</tr>
<tr>
<td>3</td>
<td>33</td>
</tr>
<tr>
<td>4</td>
<td>44</td>
</tr>
<tr>
<td>5</td>
<td>55</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
分享到：
相关推荐
`div`配合`CSS`（层叠样式表）可以实现更灵活、更精确的页面控制，使设计者能够摆脱传统表格布局的限制，实现响应式设计和更好的网页可访问性。 CSS，即Cascading Style Sheets，是用于描述HTML或XML（包括如SVG、...
本文将深入探讨`DIV+CSS`布局的优势、劣势，并通过实例解析其工作原理，以及如何实现固定头部（hd）和底部（ft）的布局。 一、`DIV+CSS`布局简介 `DIV`是HTML中的一个块级元素，常用于作为容器，组织网页内容。而`...
3. **实践操作**：通过编写简单的网页，逐步实践Div + Css布局，从简单的两栏布局到复杂的多列布局。 4. **调试和优化**：学会使用浏览器的开发者工具进行样式调试，以及如何优化代码以提高性能。 文件...
- **网页重构：** 将表格布局转换为DIV+CSS布局，提高页面性能。 - **响应式网页设计：** 通过DIV+CSS实现不同设备上的良好视觉体验。 通过深入学习和实践这些知识点，你将能够熟练掌握DIV+CSS技术，构建美观且...
7. **Grid布局**：CSS Grid布局则适用于二维布局，可以同时处理行和列，适用于创建复杂的、网格状的布局结构，如杂志式设计或自定义的网格系统。 在学习`DIV+CSS`经典布局时，理解并熟练掌握以上布局模式及其原理至...
`<div>`是一个无语义的容器，可以容纳文本、图像、表格等其他HTML元素，并通过CSS来控制其样式和位置。`<div>`的灵活性使得它成为构建复杂网页结构的关键工具。 CSS，即层叠样式表，是定义网页外观和布局的语言。它...
HTML中的`div`元素结合CSS（层叠样式表）是网页设计中常用的技术，用于布局和样式控制。以下是对一些核心CSS属性的详细介绍： 1. **布局排版类**： - `float`: 这个属性允许元素在容器内浮动，通常用于创建多列...
在Vue移动端项目中，开发人员经常遇到需要创建具备固定表头和首列的表格，以提供良好的用户体验。本文将详细讲解如何在不依赖任何UI框架或插件的情况下，利用Vue的核心特性实现这样一个功能。 首先，我们需要理解...
总之，CSS+DIV网页设计是现代网页开发不可或缺的一部分，它使得网页设计更加灵活、高效，也为我们提供了创建美观、动态和适应性强的网页的可能。通过深入学习和熟练掌握这些技术，开发者可以创造出更具用户体验的...
HTML5_html表头固定不滚动而内容滚动的效果，表格是基于Div CSS实现的，将表头固定住不滚动，而表格里面的每行数据随滚动条滚动。在显示较多数据时，当用户滚动鼠标中轮时，表格内容会滚动，而表头固定不变，可以将...
在这种情况下，保持表头（thead）固定不动可以使用户更容易理解数据的结构。本篇文章将详细讲解如何利用JavaScript（js）、CSS（层叠样式表）和HTML（超文本标记语言）来实现这一功能。 首先，我们来看CSS部分。在...
在IT领域，尤其是在网页开发中，表格是一种常见的...这种轻量级的解决方案对于处理大型表格数据，尤其是移动设备上的网页应用，具有很高的实用价值，因为它不需要依赖额外的库或框架，降低了页面加载时间和内存占用。
然而，当表格列数过多时，为了保持关键信息的可见性，用户希望前面几列能够固定不动，即使滚动也能看到。这就是所谓的“固定列”功能。本文将探讨如何使用HTML、CSS和JavaScript来实现一个兼容各大浏览器的表格固定...
- 使用`display`属性，Div可以被设置为块级元素（独占一行）或行内元素（与其他元素并排显示）。 3. **CSS+Div布局的优势** - 网页结构清晰：将内容与表现分离，提高代码可读性和维护性。 - 响应式设计：通过CSS...
在网页设计中，有时我们需要创建类似电子表格的交互式数据展示，其中用户可能需要固定顶部行或左侧列以便于查看和分析大量数据。这就是所谓的行、列冻结功能，类似于Microsoft Excel中的“冻结窗格”特性。HTML本身...
- CSS样式表可以实现格式与结构的分离，便于维护和布局控制，且可以一次性更新多个页面。 17. **CSS兼容性**： - CSS样式表无法在所有浏览器上实现完全兼容，尤其是较旧或非主流的浏览器。 18. **HTML元素分类**...
9. **动画效果**：利用CSS3或JavaScript实现过渡、动画效果，提升用户体验。 通过研究这些经典样式，开发者不仅能学习到实际的代码实现，还能掌握当前流行的设计趋势和最佳实践。它们不仅可以直接应用于项目中，也...
1. **固定列技术**：在网页或应用中，固定某一列通常通过CSS定位来实现。例如，可以使用`position: sticky`属性来固定首列，使其在页面滚动时始终保持在视口顶部。这种方法适用于现代浏览器，但对于不支持此特性的旧...
5. **使用CSS和媒体查询**：除了JqGrid内部的自适应机制，还可以结合CSS和媒体查询（Media Queries）来控制表格在不同屏幕尺寸下的表现。例如，可以为小屏幕设备定义不同的列宽和布局。 6. **jQuery插件**：有时...
下面我们将深入探讨如何使用 jQuery 和相关的 CSS 技术来创建一个具有固定表头和固定列的表格，并确保全浏览器兼容。 首先，jQuery 是一个强大的 JavaScript 库，它简化了 DOM 操作、事件处理、动画和Ajax交互。在...