मेरे पास एक टेबल है जिसमें मैंने पंक्ति को हटाने के लिए एक बटन बनाया है और कॉपी करने का विकल्प: माई इश्यू इज रिमूव बटन ठीक काम कर रहा है, हालांकि, पंक्ति को हटाने के बाद भी यह हटाई गई पंक्ति का मुकाबला कर रहा है जो मैं नहीं चाहता कि आप कर सकें एक कार्यशील उदाहरण के लिए कोड स्निपेट चलाएँ। मैं जो चाहता हूं वह पंक्ति को हटाने के बाद कॉपी बटन केवल दृश्यमान पंक्तियों की प्रतिलिपि बनाता है, छिपी हुई नहीं ... कृपया अग्रिम धन्यवाद में मदद करें:

// Code for Remove Rows
$('.table tbody').on('click', '.btn', function() {
  $(this).closest('tr').remove();
});
// Code For Export Option           
$(document).ready(function() {
  $('#enquirytable').DataTable({
    dom: 'Bfrtip',
    buttons: [
      'copy',
    ]
  });
});
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.0/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.0/js/buttons.flash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.0/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.0/js/buttons.print.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.0/js/buttons.flash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.6.0/css/buttons.dataTables.min.css">
<table class="table table-hover table-striped table-bordered" id="enquirytable">
  <thead>
    <tr>
      <th>admission_no</th>
      <th>roll_no</th>
      <th>Action </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Student 1</td>
      <td>95</td>
      <td class="text-center"><button type="button" class="btn">Remove</button></td>
    </tr>
    <tr>
      <td>Student 2</td>
      <td>105</td>
      <td class="text-center"><button type="button" class="btn">Remove</button></td>
    </tr>
    <tr>
      <td>Student 3</td>
      <td>110</td>
      <td class="text-center"><button type="button" class="btn">Remove</button></td>
    </tr>
  </tbody>
</table>
0
Kapil Rao 22 अक्टूबर 2019, 10:22

1 उत्तर

सबसे बढ़िया उत्तर

आप एचटीएमएल से पंक्ति हटा रहे हैं लेकिन इसे डेटाटेबल ऑब्जेक्ट से भी हटाया जाना चाहिए। एक चर में डेटाटेबल सेट करें और इसका उपयोग करके पंक्ति को हटा दें और तालिका को फिर से बनाएं। नीचे दिए गए कोड को देखें

 // Code For Export Option           
 $(document).ready(function() {
    var enquiryTable = $('#enquirytable').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'copy', 
        ]
    });

   $('.table tbody').on('click', '.btn', function(){
        enquiryTable
        .row( $(this).closest('tr') )
        .remove()
        .draw();
   });
 });
3
Bhushan Kawadkar 22 अक्टूबर 2019, 07:28