添加或删除表中的单个列

Add or remove individual column in table

本文关键字:单个列 删除 添加      更新时间:2023-09-26

我目前正在编写一个脚本,用户需要将数据添加到表中,但他可以使用添加按钮添加另一列,这需要在每一行上完成。另外,当您将鼠标悬停在每条信息上时,我需要一个删除按钮,该按钮出现在每个信息旁边。

目前我有一个静态表,每行都有两列,如下所示......

<table>
    <tr>
        <td>Row1 Column1</td>
        <td><input type="text" name="val2">Row2 Column1</input>//Remove btn on mouseover</td>
    </tr>//Add btn
    <tr>
        <td>Row1 Column2</td>
        <td><input type="text" name="val2">Row2 Column2</input>//Remove btn on mouseover</td>//Add btn
    </tr>
</table>

动态添加和/或删除每个项目(Javascript 或 jQuery)需要什么?

你知道有什么教程可以帮助解决这个问题吗?

我的Javascript和jQuery知识几乎是空白的,因为我已经一年多没有看过它了。

http://www.mredkj.com/tutorials/tableaddcolumn.html

然后使用 jquery 将信息发布到您的服务器,并使用 php 处理程序来处理信息并保存它。