在HTML中,可以使用CSS来固定表格的左右位置,以下是一个简单的示例:
(图片来源网络,侵删)<!DOCTYPE html> <html> <head> <style> .fixedtable { position: relative; width: 100%; border: 1px solid black; } .leftheader, .rightheader { position: sticky; backgroundcolor: white; } .leftheader { left: 0; } .rightheader { right: 0; } </style> </head> <body> <h2>使用CSS固定表格左右</h2> <table class="fixedtable"> <thead> <tr> <th class="leftheader">左侧标题</th> <th>中间标题</th> <th class="rightheader">右侧标题</th> </tr> </thead> <tbody> <tr> <td>数据1</td> <td>数据2</td> <td>数据3</td> </tr> <!更多行数据 > </tbody> </table> </body> </html>
在这个示例中,我们创建了一个名为.fixedtable
的CSS类,用于设置表格的基本样式,我们为左侧和右侧的表头分别创建了.leftheader
和.rightheader
类,并使用position: sticky
属性将它们固定在相应的位置,我们使用left
和right
属性设置表头的对齐方式。
最新评论
本站CDN与莫名CDN同款、亚太CDN、速度还不错,值得推荐。
感谢推荐我们公司产品、有什么活动会第一时间公布!
我在用这类站群服务器、还可以. 用很多年了。