0 0

CSS怎么实现表头在左边的情况?3

或者还有双方向表头的情况,比如:


或者


有没有简单的类似thead这样的方法?

问题补充:
283433775 写道
没有,不过你可以用css和js控制一下,更好的方式,用dt dl来通过css做一个你要的table

用dt dl来“伪”table……这真的是“更好的方式”么:(
刚才又看了看,好像有一个colgroup可以单独拿出来设样式表,我再研究一下好了……
CSS 
2010年5月07日 09:30
  • 大小: 23.1 KB
  • 大小: 35.5 KB

2个答案 按时间排序 按投票排序

0 0

这样吧,不知道你jquery了解怎么样,去找找它的表格插件,有这样的效果,用起来也很方便

2010年5月07日 11:21
0 0

没有,不过你可以用css和js控制一下,更好的方式,用dt dl来通过css做一个你要的table

2010年5月07日 09:35

相关推荐

    左侧是表头的表格

    JavaScript部分可能涉及到事件监听(如滚动事件),以实现表头在滚动时的固定效果,并可能提供了API供其他部分的代码获取或操作表格数据。 总的来说,这个“左侧是表头的表格”是一个具备高级特性的前端表格组件,...

    JS固定表头和左边列V2.0(源码)

    锁定表头及固定左边列,原生JS原创代码 需要注意的问题: 1.表格的宽度以及表格每一列的宽度需要固定(特殊情况除外:当表格列数少并且表格总宽度明显小于表格父容器的宽度时,也就是表格列不存在自动换行的问题) 2...

    superTable,html+css+js轻量冻结上左表头,实现上下左右滑动

    对于实现表头的冻结效果,CSS可能需要设置定位(positioning)、溢出(overflow)属性,以及可能的绝对定位(absolute positioning)来确保表头始终可见。例如,可以将表头设置为固定定位(fixed positioning),使...

    JS固定表头及左边列

    将表头的CSS定位设置为`fixed`,并设定合适的宽度和高度,使其在滚动时保持在屏幕顶部。 接着,我们讨论"固定左边列"。与固定表头类似,固定左边列的目的是在滚动表格时,保持左侧列(通常是含有分类或标识的列)...

    可固定表头和左边列的jquery控件

    在jQuery中,实现固定表头通常通过监听滚动事件,然后通过CSS定位技术来实现表头的静态显示。 接着,是“冻结左边列”的功能。与固定表头类似,冻结左边列是保持表格左侧的一或多列在用户滚动时依然可见。这对于...

    js实现的3种好看的表样式,包括顶部有表头,左侧有表头,顶部和左侧都有表头

    CSS在此基础上进一步增强用户体验,比如设置可折叠的行头或列头,实现固定表头以适应滚动,以及使用过渡动画等。 在实际开发中,开发者可能会选择使用现成的JavaScript库,如jQuery DataTables、Handsontable、ag-...

    冻结左边表头(HTML)

    "冻结左边表头(HTML)"这个主题就是关于如何在HTML页面中实现这一功能。下面我们将详细探讨相关知识点。 首先,冻结表头通常是通过CSS(层叠样式表)来实现的,而不是HTML本身。HTML主要用于定义网页的结构,而CSS...

    asp.net html+table固定表头和左侧列.rar

    一种常见方法是通过创建两个表格,一个用于表头,另一个用于数据,然后通过CSS设置定位和相对位置,确保表头在页面滚动时保持在顶部。 固定左侧列的实现原理类似,也可以通过CSS的position属性来处理。可以创建一个...

    jquery1.4.1 固定表头以及左边的列

    标题中的“jquery1.4.1 固定表头以及左边的列”指的是在使用jQuery 1.4.1版本时,如何实现一个数据表格的表头(thead)和左侧列(通常为分类或操作列)在滚动时始终保持固定显示的技术问题。这种效果在大数据量的...

    gridview固定冻结列与表头

    2. **JavaScript或jQuery插件**:纯CSS实现可能在复杂情况下有所局限,特别是当表格需要响应式设计或具有动态加载数据时。此时,可以借助JavaScript或jQuery插件,如`fixedHeaderTable`或`datatables`,它们提供了更...

    两个table实现固定表头拖动时仅限表体移动

    在网页设计中,实现固定表头以便在滚动时保持可见是一项常见的需求,特别是在处理大量数据时,固定表头可以提供更好的用户体验。标题“两个table实现固定表头拖动时仅限表体移动”描述了一种利用两个表格来完成这一...

    GridView_CSS的完整样式表

    本文档详细介绍了`GridView_CSS`的样式设置方法及其在ASP.NET中的应用方式。 #### 二、CSS样式详解 ##### 1. `GridViewStyle` 这是`GridView`的基础样式,用于定义网格的主要外观。 - **边框**:右边界(`border-...

    HTML5+CSS3 表格设计(Table).pdf

    9. `:only-child` 伪类用于当一个元素是其父元素的唯一子元素时,应用特定样式,这在有单一表头的情况下很有用。 10. `-moz-border-radius`、`-webkit-border-radius` 和 `border-radius` 的组合使用,是为了在不同...

    Boostrap table 列头和内容不对齐问题,终极解决方案

    2. 浏览器兼容性:不同浏览器对 CSS 的解析和渲染可能存在差异,这可能导致在某些浏览器下对齐问题更为明显。 3. 数据量差异:当表格单元格内的数据长度不一致时,可能导致单元格高度不一,进而影响对齐。 4. 表格...

    table th画2条头部交叉的线来区分不同区域的内容标题

    为了使表格内容更加清晰易读,我们经常需要对表头(th)进行特殊处理,比如在th内画出两条交叉线来划分不同区域的标题。这个任务可以通过运用CSS(Cascading Style Sheets)的多个技术点来实现,包括定位...

    css各类常用属性css各类常用属性

    ### CSS各类常用属性详解 #### 一、概述 在网页设计与开发中,CSS(Cascading Style Sheets)是用于定义HTML元素如何显示的关键技术之一。通过CSS,开发者可以为网页添加丰富的样式,使得页面更加美观且易于维护。...

    仿Word自动套用格式使用CSS设置表格样式实例

    在本文中,我们将探讨如何通过CSS实现“彩色底纹-强调文字颜色6”的Word表格效果。这个效果主要涉及到表格的边框、底纹、文字颜色等多个方面。 首先,我们分析Word中的样式设置。在Word中,表格格式的调整主要包括...

    同时冻结行与列的Table for .net

    例如,可能有第一行作为表头始终固定在顶部,最左边的一列包含分类信息,也需要始终保持在可视区域内。 为了实现这样的效果,开发者需要理解DOM操作、事件监听以及CSS定位等技术。JavaScript代码需要监听窗口的滚动...

    基于vuejs实现树形表格的封装vuetreetable

    在`vue-tree-table-master`这个压缩包中,你应该能找到已经实现的`vue-tree-table`组件源代码,包括Vue组件文件、样式文件以及可能的示例数据和配置。通过阅读源码,你可以更深入地理解这个组件的工作原理,并根据...

    gridview控件的使用(九宫式的的排列)

    CssClassMouseOver - 鼠标经过行时行的样式的CSS类名 2、给字段标题加上排序状态 设置其SortTip下的4个属性即可 SortAscImage - 升序提示图片 SortAscText - 升序提示文本 SortDescImage - 降序提示图片 ...

Global site tag (gtag.js) - Google Analytics