使用bootstrap制作一个表格，要有添加删除

最新推荐文章于 2022-11-05 15:19:41 发布

上善若水丿

最新推荐文章于 2022-11-05 15:19:41 发布

阅读量508

点赞数

分类专栏： web前端文章标签： Web

本文链接：https://blog.csdn.net/PanHanJia/article/details/100865896

版权

本文介绍如何利用Bootstrap构建一个具有添加和删除功能的表格。通过使用Bootstrap的表格样式和JavaScript/jQuery实现动态操作，使得网页表格更加交互性强。

摘要由CSDN通过智能技术生成

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <script src="JQuery/jquery-3.4.1.min.js"></script>
    <script src="bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
</head>

<body>
<form name="myForm">
    <table class="table table-bordered" id="tab" name="tab" border="0px">
        <tr>
            <td>编号</td>
            <td>姓名</td>
            <td>年龄</td>
            <td>地址</td>
            <td>操作</td>