使用 JS 更新整個 HTML 表格列

Question

我想用 new_data 更新整個列

我試圖更新為波紋管

 response.json().then(function (new_data){
        console.log(new_data)
       
        var body_data = " ";

        new_data.forEach((item) => {
        var list_data = "";
        list_data += "<td>" + item.vc_state + "</td>";
        body_data += list_data;
        });

        $('#vc_state').html(body_data);  })

但它只更新單元格，如下所示

我想用新數據更新整個State列

請幫我解決這個問題

更新

我更新如下

 response.json().then(function (data){
        console.log(data)
        var body_data = " ";
        data.forEach((item) => {
        var list_data = "";
        list_data += "<td>" + item.vc_state + "</td>";
        $('#vc_state').replaceWith(list_data);
      });

有效。 但它只改變了HTML 一次。 當我調用函數而不刷新頁面時，我需要更新 HTML

Answer 1

帶有 w3c 的手表表信息將為您提供幫助。 表>頭|tbody>tr>td|th。