移动端不用插件或者UI库的情况下,对原生写的table,想要实现首行标题行在滚动的时候保持冻结状态(即数据较多时能够吸顶),首先大家想到的是position:fixed属性,但是在表格布局下,你需要调整标题和内容区域的宽度以及列对齐问题,如何简便实现,大家会很自然的想到表格的table–layout属性,这个不常用,起初基本实现如下:
效果图:
但是,你会发现IOS是正常的,表格数据多出现滚动时,当滑动页面时,表头就自动吸顶了,但Android就无效,还需改进:
至此,完美解决,IOS和Android都能使用纯css完美展现表头吸顶效果
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。