我已经创建了一个简单的表,它应该在顶部有一个粘性标题(TR)。但这不起作用。我该如何修复此代码?
谢谢
<!DOCTYPE html>
<HTML><HEAD></HEAD><BODY>
<P>HELLO<P>
<TABLE BORDER=1 STYLE="border: 3px solid #4285F4;background-color:#EEEEEE;width:1600px;">
<thead STYLE="position: sticky; top:0;">
<TR style="border:0px solid #888888;">
<TH STYLE="height:200px;width:800px;">hello 5</TH><TH STYLE="width:800px;">hello 5</TH>
</TR>
</thead>
<TR style="">
<TD STYLE="height:200px;">hello 5</TD><TD>hello 5</TD></TR>
</TABLE>
HELLO TEXT 1
<TABLE BORDER=1 STYLE="position: sticky; top: 0;border-collapse: collapse;border: 3px solid #4285F4;background-color:#EEEEEE;">
<TR style="border:0px solid #888888;">
<TD STYLE="height:200px;">hello 5</TD><TD>hello 5</TD>
</TR>
<TR style="">
<TD STYLE="height:200px;">hello 5</TD><TD>hello 5</TD></TR>
</TABLE>
<DIV STYLE="width:1600px;">
HELLO TEXT 3... HELLO TEXT 3... HELLO TEXT 3... HELLO TEXT 3... HELLO TEXT 3... HELLO TEXT 3...
</DIV>
</BODY></HTML>
这应该工作。尝试将css和html保存在单独的文件中,以便您的代码更易于阅读。
tr {
position:sticky;
top:0;
}