Daten auf Knopfdruck aus der entsprechenden Datatables-Zeile in einem Bootstrap-Modal

Question

Here ist eine ähnliche Lösung, nur Unterschied möchte ich die Daten der Zeile im Bootstrap-modal auf Knopfdruck füllen wollen. In jeder Reihe gibt es einen Knopf. Aber ohne diese .responsive Skripte zu verwenden, wie sie im obigen Beispiel verwendet werden.

Hier ist das sehr grundlegende Beispiel meiner Tabelle.

<table id="table1"> 
    <thead> <th>Table Data</th><th>Button</th> 
    <td> $data </td> 
    <tr><td><button id=<?php echo $row['id'] ?> data-toggle="modal" class="pay" data-target="#myModal">Pay Fees</button></td></tr> 
<div class="modal fade" role="dialog" id="myModal"> 
<div class="modal-content"> 
</div> 
</div> 

mit JQuery folgende Arbeiten:

$(".pay").on('click', 'tr', function(){ 
    console.log(table.row(this).data()); 
     //pay_fees($id); 
}); 

A JQuery Lösung bevorzugt würde.

Answer 1

Für jetzt habe ich den folgenden Code verwendet, um dies zu erreichen:

$('#table1 tbody').on('click', 'tr button', function() { 
    $('#myModal').modal('show'); 
    $(".modal-title").html(table.row($(this).parents(':eq(1)')).data()[0]); 
});