从控制器操作获取数据到 jquery 数据表

Question

我正在尝试以 JSON 格式从控制器操作中获取一些数据，然后使用 AJAX 将其发送到 DataTables，数据已显示，但当我搜索或排序数据时，数据消失并显示“未找到数据”消息，也不再有任何页面这只是一张长桌。

HTML表格：

<table id="demoGrid" class="table  table table-hover dt-responsive nowrap" width="100%" cellspacing="0">

    <thead>

        <tr class="styleHeaderTab">

            <th class="th-sm">

                Matricule

            </th>

            <th class="th-sm">

                Intitulé

            </th>

            <th class="th-sm">

                Nombre de compte

            </th>

            <th class="">

            </th>

        </tr>

    </thead>

    <tbody id="chargeHolder"></tbody>

</table>

脚本：

$(document).ready(() => getActif());

$('#demoGrid').dataTable({

        "language": {

            "search": "Rechercher",

            "lengthMenu": "Afficher _MENU_ chargés par page",

            "info": "Page: _PAGE_ / _PAGES_",

            "paginate": {

                "next": "Suivante",

                "previous": "Précédente"

            }

        }

    });

function getActif() {

        $.ajax({

            url: '/ChargeAffaire/GetActif',

            method: 'get',

            dataType: 'json',

            error: (err) => console.log(err),

            success: (res) => {

                let s="";

                for (let i=0;i<res.length;i++) {

                    s +=`<tr>

                            <td>${res[i].matricule}</td>

                            <td>${res[i].intitule}</td>

                            <td> 59</td>