คำถามไม่ได้ระบุว่าไม่สมารถทำอะไรได้.....เป็นสมาชิกมาตั้งนาน ถามคำถามไม่ถูกมันน่ามะ



ที่สำคัญ เรื่องเกี่ยวกับตารางก็มีบทความบนเว็บ



ประเด็นที่เจอกันเสมอสำหรับปัญหาเกี่ยวกับตารางคือ ไม่มี tbody ครับ ทำให้ไม่สามารถใช้งานคำสั่งได้



table.tBodies(0).appendChild(tr);

แหะๆๆ ขอโทษด้วยครับ ใจร้อนไปหน่อย



ปัญหาคือ ไม่สามารถลบแถวได้ครับ



โครงสร้างตารางคือ



<table id="tbproduct">

   <tbody id=tbody_product></tbody>

</table>



var tbproduct = document.getElementById("tbproduct");

var row = tbproduct.insertRow(value);

var cell = row.insertCell(0);

    cell.appendChild(tdlink('tbproduct'));



function tdlink(table){

    var tb = $E(table);

    var cell = document.createElement("td");

    a = document.createElement('a');

    a.className = 'delete';

    a.href = 'javascript:void(0)'; 

    a.onclick=function(){

                 deleteTd(this,tb);

            };

    cell.appendChild(a);

    return cell;

}

function deleteTd(r,table){

            var i=r.parentNode.parentNode.rowIndex;

            table.deleteRow(i);

}



code ตรงนี้สามารถแทรกแถวได้ครับ คอลัมที่ 0 อันนี้สร้างปุ่มลบ (row.insertCell(0);) พอกดแล้วไม่สามารถลบได้ครับ แต่พอกดแล้วสามารถเรียกฟังชั่น deleteTd ได้ครับ



ปล โค๊ด deleteTd สามารถทำงานได้ถ้าสร้างมาจาก php แบบนี้ครับ

<td><a class="delete" href="javascript:void(0)" onclick="deleteTd(this,'tbproduct')">&nbsp;</a></td>

ปัญหาตอนนี้คือ แถวที่สร้างจาก js var i=r.parentNode.parentNode.rowIndex; ไม่คืนค่าแถวมาให้ครับ

แต่ถ้าสร้างจาก php มาก่อน var i=r.parentNode.parentNode.rowIndex; คืนท่าแถวมาให้

แก้ได้แล้วครับ