两个相同的html表以不同的方式显示。

<style>
    .table1 {
        /* 第一个表格的样式 */
    }
    
    .table2 {
        /* 第二个表格的样式 */
    }
</style>

<table class="table1">
    <!-- 第一个表格的内容 -->
</table>

<table class="table2">
    <!-- 第二个表格的内容 -->
</table>

<script>
    var table1 = document.getElementById("table1");
    var table2 = document.getElementById("table2");
    
    // 修改第一个表格的样式或结构
    // ...
    
    // 修改第二个表格的样式或结构
    // ...
</script>

<table id="table1">
    <!-- 第一个表格的内容 -->
</table>

<table id="table2">
    <!-- 第二个表格的内容 -->
</table>