我在做一对多数据显示的时候用过，记录下。

1，首先需要导入jstl、jquery

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>

<script type="text/javascript" src="../js/jquery.min.js"></script>

2，jquery实现

<script type="text/javascript">
	//其实也可以不用传line这个数字过来。addUser(ths)，可以通过获取tr_1截取出该数字。
	function addUser(ths,line){
		var button_value = $(ths).html();
		//获取当前点击的tr
		var tr = ths.parentNode.parentNode;
		//获取当前点击的tr上的属性id的值
		var tr_id = $(tr).attr("id");//tr_1
		//截取的方式：addUser(ths),这种方式不用传递过来line行号。
		//var _n=tr_id.lastIndexOf("_");//截取，
		//var line=tr_id.substring(_n+1);//获取到数字
		if(button_value=="添加一行"){
			//获取当前行号,行号替换规则
                    1，首先需要导入jstl、jquery&lt;%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %&gt; &lt;%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%&gt;&lt;script type="text/javasc...
1）、添加一行
支持在任意行添加一行且可配置的，如可在第一行添加一行、第二行添加一行、倒数第一行添加一行、倒数第二行添加一行，随需求的变化都不会影响。
前提条件：行数需在表中存在否则添加不成功。
2）、删除一行
支持动态删除一行。
先演示结果，如中意了在好好研究代码。
1、原始界面如下：
2、添加一行，如要添加一行需点击“添加”按钮，现点击两下会自动添加两行，效果如下截图：
3、删除一行，如要删除指定行，先要选中行然后在点击“删除”按钮进行删除(这不是废话嘛~~~)，现选中一行，效果如下截图：
4、对选中行进行删除，现点击“删除”按钮就会把选中的行删除掉，效果如下截图：
				
query/1.8.0/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="../../static/js/cart.js"&gt;&lt;/script&gt;
    &lt;scripttype="text/javascript"&gt;
     $(document).ready(function () {
1.添加任意作为触发事件的标识和内容<input type="button" id="btnAdd" value='新增' />
                            <input type="hidden" id="hidValue" runat="server" />
				
<dependency>
  <groupId>org.apache.taglibs</groupId>
  <artifactId>taglibs-standard-spec</artifactId>
  <version>1.2.5</version>
</dependency>
<dependency>
  <groupId>org.apache.taglibs</grou..
    <meta charset="UTF-8">
    <title>iView Table Demo</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
    <button id="addBtn">添加一行</button>
    <table id="myTable" border="1">
        <thead>
                <th>姓名</th>
                <th>年龄</th>
                <th>操作</th>
        </thead>
        <tbody>
                <td>张三</td>
                <td>20</td>
                <td><button class="deleteBtn">删除</button></td>
                <td>李四</td>
                <td>22</td>
                <td><button class="deleteBtn">删除</button></td>
        </tbody>
    </table>
    <script>
        // 添加一行
        $('#addBtn').click(function () {
            var newRow = '<tr><td>王五</td><td>25</td><td><button class="deleteBtn">删除</button></td></tr>';
            $('#myTable tbody').append(newRow);
        // 删除一行
        $(document).on('click', '.deleteBtn', function () {
            $(this).parents('tr').remove();
    </script>
</body>
</html>
在上述代码中，我们先在页面中定义了一个 Table，并在其中设置了一个“添加一行”的按钮和两行数据。当点击这个按钮时，会在 Table 的 tbody 中添加一行新的数据。同时，我们还通过 jQuery 绑定了“删除”按钮的点击事件，使其能够删除所在的行。注意，这里使用了 jQuery 的`on`方法来绑定事件，因为“删除”按钮是动态生成的，不能直接使用`click`方法进行绑定。
				caused by: org.apache.ibatis.builder.BuilderException: Error evaluating expression ‘ew.customSqlSegm