创建具有固定列和行的JavaScript的表

<div id="table-container">
    <table id="my-table">
        <thead>
            <tr>
                <th>Column 1</th>
                <th>Column 2</th>
                <th>Column 3</th>
                <!-- 添加更多的列 -->
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Row 1, Cell 1</td>
                <td>Row 1, Cell 2</td>
                <td>Row 1, Cell 3</td>
                <!-- 添加更多的单元格 -->
            </tr>
            <tr>
                <td>Row 2, Cell 1</td>
                <td>Row 2, Cell 2</td>
                <td>Row 2, Cell 3</td>
                <!-- 添加更多的单元格 -->
            </tr>
            <!-- 添加更多的行 -->
        </tbody>
    </table>
</div>

#table-container {
    width: 100%;
    overflow-x: auto;
}

#my-table {
    border-collapse: collapse;
    width: 100%;
}

#my-table th, #my-table td {
    border: 1px solid black;
    padding: 8px;
}

#my-table th {
    background-color: #f2f2f2;
}