Question

朋友我创建了一个动态表格，随着数据的增加，我希望列数量可以编辑。这是我将数据附加到动态表

的代码

单击“customer1”表的tr后，单元格将附加到“customer2”表。

     $('#custorder1').on('click', 'tr', function()
            {
            var zitemNo=$(this).find('td:first').text();    
            var z1Pkg=$(this).find('td:nth-child(8)').text();

            for(var i=0;i< itemForSale.length;i++)
            {
                var obj = itemForSale[i];

                var vitemNo         = obj["itemNo"];
                var vpkg            = obj["pkg"];
                var vRate           = obj["regPrice"];

                if(zitemNo == vitemNo && z1Pkg == vpkg)
                {

                    var Markup = "<tr><td>"+" "+"</td><td>"+vmobileNo+"</td><td>"+ vitemNo + "</td><td>"+vpkg+"</td><td>"+vRate+"</td><td>"+  +"</td></tr>";
                // $("#custorder2 tbody").append(Markup);   
                    $("#custorder2 tr:last").after(Markup);
                }       
            }   
            });

//这是用于创建表框架

的代码

     <table class="CSSTableGenerator" id="custorder2">
                    <col width="100">
                    <col width="100">
                    <col width="100">
                    <col width="100">
                    <col width="100">
                    <col width="100">
                        <thead id="headOn">
                        <tr id="head2">
                            <th>
                                Order No.
                            </th>
                            <th>
                                Mobile No.
                            </th>
                            <th>
                                Item No.
                            </th>
                            <th>
                                Pkg
                            </th>
                            <th>
                                Rate
                            </th>
                            <th>
                                Qty
                            </th>
                          </tr>
                        </thead>
                        <tbody>
                    </tbody>
                   </table>

//请帮帮我。

Answer 1

使用contenteditable ='true'

var Markup = "<tr><td>" + " " + "</td><td>" + vmobileNo + "</td><td>" + vitemNo + 
             "</td><td>" + vpkg + "</td><td>" + vRate +
             "</td><td contenteditable='true'>"+ +"</td></tr>";

使列可编辑动态创建的表

1 个答案: