Javascript 使用Laravel从数据表隐藏行

我正试图从Datatable中隐藏行

因此，我使用以下代码：

<div class="row">
                        <div class="col-12 mb-4 data-table-rows data-tables-hide-filter ">
                <table id="datatableRows" class="data-table responsive nowrap"
                    data-order="[[ 1, &quot;desc&quot; ]]">
                    <thead>
                        <tr>
                            <th>Nom</th>
                            <th>CIN</th>
                            <th>Email</th>
                            <th>Téléphone</th>
                           
                           <th>Action</th> 
                        </tr>
                    </thead>
               

                </table>

            </div>
        </div>

但是当我点击删除按钮时，什么也没有发生

---

任何想法

我没有看到包含delete类的元素。你能把这个记录下来吗？顺便说一下，Delete可能不是类的最佳名称。Delete不是一个保留字，但它是一个相当通用的术语。此外，我从未在代码中看到另一个click元素的click元素。也许您只需要表id的单击代码。

$(document).on('click', '.delete', function(){

  var table = $('#datatableRows').DataTable();
 
$('#datatableRows thead').on( 'click',  function () {
  table
        .row( $(this).parents('tr') )
        .remove()
        .draw();
} );


 });