具有固定标题和固定第一列的动态 HTML 表

Posted

技术标签:

【中文标题】具有固定标题和固定第一列的动态 HTML 表【英文标题】:Dynamic HTML Table with Fixed Header and Fixed First column 【发布时间】:2014-02-22 08:00:37 【问题描述】:

我正在动态创建一个 html 表格并填写其内容。之后,我将完整的 HTML 添加到我的 aspx 页面上已经存在的 div 中。我想修复动态表的标题及其第一列。到目前为止,我已经尝试过 FixedHeader、datatable 和 fixedcolumn 插件,但似乎没有任何效果。

如果我需要一些 css 或其他我缺少的东西,请提供帮助。

【问题讨论】:

你能分享小提琴吗? 【参考方案1】:

您好,如果您准备好构建其中一个,我可以为您提供帮助。

如果有帮助,请查看下面的小提琴演示。Fiddle Demo

我用过jquery的.scroll()看看你能不能

如果有帮助,请告诉我。

【讨论】:

有没有办法为这个表结构添加调整大小的功能? 如何让表格响应?

以上是关于具有固定标题和固定第一列的动态 HTML 表的主要内容,如果未能解决你的问题,请参考以下文章

javascript element-ui@1.x版本,如果需要把表第一列作为汇总列,并且表格高度大于屏幕高度,向下滚动式使第一行固定在屏幕顶部

如何使用 HTML/CSS 创建第一列固定的表?

移动端固定头部和固定左边第一列的实现方案(Vue中实现demo)

css样式表中如何设置table的第一列的宽度是固定值。页面中有很多table纵向排列

如何将垂直滚动条添加到始终固定第一列的表中

可固定列的可滚动表,固定列大小相等