Estoy tratando de eliminar la fila cuando hago clic en el ícono de eliminar en la tabla usando la tabla de arranque.
Mi mesa:
<table id="checkDataTable"> <thead style="color: #31708f; background-color: #d9edf7 "> <tr> <th data-field="AssetReference">Referans</th> <th data-field="Customer">Müsteri</th> <th data-field="ReceiverCompanyName">Alici Firma</th> <th data-field="Tools" data-formatter="StatuFormatter">Islem</th> </tr> </thead> </table>JavaScript:
function StatuFormatter(value, row, index) { return "<a onclick='removeAssetEconomyCheckBillOfLadingRow()'><i class='fa fa-trash fa-2x' aria-hidden='true'></i></a>"; } function removeAssetEconomyCheckBillOfLadingRow(id) { alert(id); }Está bien hasta la función removeAssetEconomyCheckBillOfLadingRow.
¿Cómo puedo eliminar dentro de esta función?
Intente a continuación:
$(document).on('click', 'button.deleteRow', function(event) { $(this).closest("tr").remove(); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table id="checkDataTable" class="table"> <thead style="color: #31708f; background-color: #d9edf7 "> <tr> <th data-field="AssetReference">Referans</th> <th data-field="Customer">Müşteri</th> <th data-field="ReceiverCompanyName">Alıcı Firma</th> <th data-field="Tools" data-formatter="StatuFormatter">İşlem</th> </tr> </thead> <tobdy> <tr> <td>Data1</td> <td>Data1</td> <td>Data1</td> <td><button type="button" class="deleteRow"> Delete </button></td> </tr> <tr> <td>Data2</td> <td>Data2</td> <td>Data2</td> <td><button type="button" class="deleteRow"> Delete </button></td> </tr> <tr> <td>Data3</td> <td>Data3</td> <td>Data3</td> <td><button type="button" class="deleteRow"> Delete </button></td> </tr> </tobdy> </table> <tr id="1"></tr> function removeAssetEconomyCheckBillOfLadingRow(id) { $('#checkDataTable').row($('#{{id}}'))).remove().draw(); }