<style>
table {
  width: 100%;
  border-collapse: collapse;
}
th, td {
  border: 1px solid black;
  padding: 5px;
}
#fixedHeader {
  position: sticky;
  top: 0;
}
</style>
<table width="100%" border="1" cellspacing="0" cellpadding="2">
    <thead id="fixedHeader">
        <tr>
            <td>标题1</td>
            <td>标题2</td>
        </tr>
        <tr>
            <td colspan="2">合并列</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>内容1</td>
            <td>内容2</td>
        </tr>
    </tbody>
</table>

目录结构

demo文件

• index.html

• mqttws31.js

• jquery-3.6.1.min.js

注意：hostport一定是数值，不能加引号

• 上图中的IP和hostport是websockets服务，如何开启websockets服务点击这里。

直接上代码

<script language="javascript"> 
<!--
function showdiv(){
    if(document.getElementById('Layer_main').style.display!='none'){
        document.getElementById('Layer_main').style.display='none';
    }else{
        document.getElementById('Layer_main').style.display='';
    }
}
-->
</script>
.
.
.
<div id="Layer_main" style="display:;">
.
.
.
</div>
.
.
.
<input type="submit" name="Submit" onclick="showdiv();" value="Go" />