js动态表格

Posted Fourteen

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js动态表格相关的知识,希望对你有一定的参考价值。

 

用js实现动态增加表格行数。

 

html

    <table>
        <thead>
            <tr>
                <td>学号</td>
                <td>姓名</td>
                <td>操作</td>
            </tr>
        </thead>
        <tbody id="body"></tbody>
    </table>
    <button onclick="add()">添加一行</button>

 

 css:

 

技术图片
1     <style>
2         table{
3             border: solid 1px #000000;
4         }
5         td{
6             width: 100px;
7             border: solid 1px #000000;
8         }
9     </style>
View Code

 

以上是关于js动态表格的主要内容,如果未能解决你的问题,请参考以下文章

JS 如何动态插入表格

vue.js动态表格增删改代码

只用js如何实现表格内容的动态修改?

JS动态表格(增删输入行文本行)

JS动态表格(增删输入行文本行)

JS 动态表格(添加删除行)