在html中动态命名表

时间:2015-06-24 11:07:27

标签: javascript php html

我想在HTML中创建一个包含8列和150行的表。它的基本结构将是这样的http://s8.postimg.org/kktmcvq05/table.png但这里只有13行。我想创建150行和之间的区别它们将是上面图像中的扇区号。我不想手动编写所有扇区但是想要使用一些php代码生成它们或javascript代码是否可以这样做?

1 个答案:

答案 0 :(得分:1)

只需从HTML中复制一行,然后使用PHP输出此行,如下所示:

// repeat this loop 150 times
for($i = 0; $i < 150; $i++) {
    // outputs one row
    echo "<tr>";

    // outputs rowName with a number from 0 to 149
    echo "<td>Noida Sector $i</td>";

    // outputs your eight checkboxes
    echo "<td><input type='checkbox'></td>";
    echo "<td><input type='checkbox'></td>";
    echo "<td><input type='checkbox'></td>";
    echo "<td><input type='checkbox'></td>";
    echo "<td><input type='checkbox'></td>";
    echo "<td><input type='checkbox'></td>";
    echo "<td><input type='checkbox'></td>";
    echo "<td><input type='checkbox'></td>";

    // end tag for this row
    echo "</tr>";
}

用您的HTML代码替换您自己的道明的TD。

如果您想从1到150而不是从0到149进行计数,您只需将循环定义更改为$i = 1; $i <= 150; $i++