Question

点击表1中的行（copy-one）后，我可以将表1中的行复制到表2，有一个复选框（copy-all）以及允许将表1的所有行复制到表2的thead标记。现在我想反过来：点击<将表2中的表1中的行复制回表1 strong>（copy-one）或（copy-all）。

以下是将表格1中的每一行复制到表格2的代码。

1-表1

# svg_demo.py

from reportlab.graphics import renderPDF, renderPM
from reportlab.platypus import SimpleDocTemplate
from svglib.svglib import svg2rlg


def svg_demo(image_path, output_path):
    drawing = svg2rlg(image_path)
    renderPDF.drawToFile(drawing, output_path)

if __name__ == '__main__':
    svg_demo('/path/to/image.svg', 'svg_demo.pdf')

2- table2

<table class="table table-striped table-bordered" id="table1">
 <thead>
<tr>
<th>Fecha</th>
<th>Paciente</th>
<th>Cedula</th>
<th><input type="checkbox" id="copy-all" /></th>
</tr>
</thead>
 <tbody id="copy-all-rows">
<?php

foreach($display_billings as $fac)

{
?>
<tr>
<td><?=$fecha1;?></td>
<td ><?=$paciente['nombre'];?></td>
<td ><?=$paciente['cedula'];?></td>
<td><input type="checkbox"  class="copy-one"  /></td>
</tr>  

<?php
}

?>
 </tbody>
</table>

3- JQUERY

<table class="table table-striped table-bordered"  id="table2" >
<thead>
<tr>
<th>Fecha</th>
<th>Paciente</th>
<th>Cedula</th>
<th><input type="checkbox" id="copy-all" /></th>
</tr>
</thead>
<tbody>

</tbody>
</table>

以下是将表1中的所有行复制到表2的代码。

jQuery('.copy-one').on('click', function(e) {
if($(this).is(':checked',true)) {
$(this).closest('tr').fadeOut(800, function(){ 
$(this).remove();
});
$(this).closest('tr').clone().appendTo('#table2>tbody');
}
})

我如何反过来？

提前致谢！

Answer 1

选择要克隆的行并附加到table2
从table1中删除行

将tr表复制到另一个表tr并反过来

1 个答案: