补充 html 表中的池

Posted 2023-04-12

【中文标题】补充 html 表中的池

【英文标题】：replenishing pools in the html table

【发布时间】：2020-04-22 01:38:00

【问题描述】：

我在 html 中有表格要做，

<thead>
...
</thead>
<tbody>

// tbody has 30 rows for 15 columns.
</tbody>

我必须在几列中插入字段

<input type = "time" name = "1st-row/1st-column">
<input type = "time" name = "2nd-row/1st-column">
<input type = "time" name = "3rd-row/1st-column">
<input type = "time" name = "30th-row/1st-column">

相同的第 2 列/第 3 列/第 5 列 + ... + 第 10 列

我是否必须通过 html 直接在其中插入字段，是否可以更快更清晰地插入字段？如果是这样怎么办？

【问题讨论】：

你想用 javascript 还是 Razor 来做这个？

@panoskarajohn 文件扩展名为 .cshtml（剃须刀），我更喜欢剃须刀

嗯，我看到人们已经回答了你。如果您想要与他们已经提供的不同的东西，请详细说明您希望行为如何......

【参考方案1】：

 <table>
        <thead>

        </thead>
        <tbody>
            @for(int i=0;i<30;i++) 
                
                  <tr>
                    @for(int y=0;y<15;y++)
                    
                     <td>columns...</td>
                    
                 </tr>
               
        </tbody>
    </table>

【参考方案2】：

创建一个循环，使用 document.createElement() 创建元素并使用 element.appendChild() 添加它们