将数据附加到HTML现有表..没有松散的当前标题

时间:2015-03-23 07:39:06

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

我在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>

1 个答案:

答案 0 :(得分:0)

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

  

描述:删除匹配元素集的所有子节点   来自DOM。

此行会删除<table>

中的所有内容

$('#tblSearchdetail').empty()

如果您想每次删除行<tr>,请尝试使用:

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

或类似的东西。