用CSS实现的固定表头的HTML表格

来源:王朝搜索

曾经在项目中实现过一个固定表头的HTML表格，但使用了非常臃肿的代码，因为实际上是画了三个一样的表格。偶然的机会，发现了一个纯粹用HTML和CSS实现的固定表头的表格。现将其简化代码摘录如下。

用CSS实现的固定表头的HTML表格。曾经在项目中实现过一个固定表头的HTML表格，但使用了非常臃肿的代码，因为实际上是画了三个一样的表格。一个纯粹用HTML和CSS实现的固定表头的表格，其简化

曾经在项目中实现过一个固定表头的HTML表格，但使用了非常臃肿的代码，因为实际上是画了三个一样的表格。偶然的机会，发现了一个纯粹用HTML和CSS实现的固定表头的表格。现将其简化代码摘录如下。原地址

<html> <head> <style> table#headers {table-layout:fixed;background:#eea033;} table

<html> <body> <div style="overflow:auto;height:100px;"> <table width="1

<html> <head> <style> table#headers {table-layout:fixed;background:#eea033;} tab

<html> <body> <div style="overflow:auto;height:100px;"> <table width="1

说了这么多年的 Web 标准，似乎类似 marquee 这种非常规的标签，已经逐渐淡出视线，不过芒果刚刚在项目中用了这个蹩脚的标签，我觉得这是合理的善用，没必要顾忌太多的标准问题。标准并不是一项技术

??网页制作中，通常用表格来以行和列的方式来组织数据。可能在使用中会遇到这种情况，我们所要列出的数据很多很长。这时候，浏览起来就很不方便，察看后面数据的时候不得不经常滚动到页面的上方来看看对应的表

网页制作中，通常用表格来以行和列的方式来组织数据。可能在使用中会遇到这种情况，我们所要列出的数据很多很长。这时候，浏览起来就很不方便，察看后面数据的时候不得不经常滚动到页面的上方来看看对应的表头。

免责声明：本文为网络用户发布，其观点仅代表作者个人观点，与本站无关，本站仅提供信息存储服务。文中陈述内容未经本站证实，其真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。