纯CSS自适应响应式Table数据表格

本文作者html5tricks,转载请注明出处

今天给大家分享一个用纯HTML和CSS实现的table表格,非常实用。首先,表格的头部采用了隔列换色的形式,表格的行也采用斑马式的交替颜色,这些都是通过CSS定义的,因此表格的外观看起来还不错。其次表格是自适应响应式的,当页面缩小到一定范围时,表头将以行的形式固定,数据可以水平拖动。整体来说,这个自定义表格用起来还是很不错的,你也可以定义自己喜欢的颜色风格。

css-responsive-table

在线演示源码下载

热门推荐