将数据附加到 HTML 现有表中。没有松散的当前标题答案

【问题标题】：Append data to the HTML existing table.. Without loose current heading将数据附加到 HTML 现有表中。没有松散的当前标题
【发布时间】：2015-03-23 07:39:06
【问题描述】：

我正在用 Asp.Net Web API 做一个项目..

现在我有一个问题，当我试图将数据从数据库附加到现有的 HTML 表时，我当前的 HTML 表头正在替换为我从数据库调用的数据............

请帮我解决这个问题..

这里通过在下面附加代码...

function GetsearchDetails(EmpDetails) {

    $.ajax({
        type: "GET",
        url: '/api/suppliermaster' + '?EmpDetails=' + EmpDetails,
        data: "{}",
        contentType: "application/json; charset=utf-8",

        dataType: "json",
        success: function (data) {


            $('#tblSearchdetail').empty()
            for (var i = 0; i < data.length; i++) {
                $("#tblhead");
                $("#tblSearchdetail").append("<tr><td>" + data[i].Cust_Code_V + "</td><td>" + data[i].Cust_Name_V + "</td><td>" + data[i].Cust_Address_V + "</td><td>" + data[i].Cust_PhoneNo_V + "</td><td>" + data[i].Cust_Email_V + "</td><td>" + data[i].Cust_ContactPerson_V + "</td><td>" + data[i].Cust_Fax_V + "</td><td>" + " <a href='#' class='edit'>EDIT</a>" + "</td><td>" + " <a href='#' class='Delete'>Delete</a>" + "</td></tr>");
            }


        },
        error: function (result) {
            alert("Error");
        }


    })

}

我的 HTML 表格代码：

<table class="span12 table table-bordered" style=" overflow:scroll" id="tblSearchdetail">
                        <tr>
                            <th>Code</th>
                            <th>Name</th>
                            <th>Address</th>
                            <th>Phone No</th>
                            <th>E-mail</th>
                            <th>Conact Person</th>
                            <th>Fax No</th>


                        </tr>


                    </table>

【问题讨论】：

标签： asp.net-web-api asp.net-ajax

【解决方案1】：

看这里：https://api.jquery.com/empty/

描述：移除匹配元素集合的所有子节点来自 DOM。

此行删除您的 <table> 中的所有内容

$('#tblSearchdetail').empty()

如果您想每次都删除行<tr>，请尝试使用：

$('#tblSearchdetail').remove('tr')

或类似的东西。

【讨论】：