I'm using bootstrap datatable to render my tables. It's almost working like I expected it to work but not quite and I don't know why.

       <table class="datatable-font-size" data-toggle="table" data-search="true" data-search-align="left" data-pagination="true" data-query-params="queryParams" data-pagination-parts="[pageList]" data-classes="table table-borderless table-striped">
            <thead>
                <tr>
                    <th>Name</th>
                    <th class="ColHideMobile text-center">Intern name</th>
                    <th class="text-end">Last modification</th>
                </tr>
            </thead>
            <tbody>
                {% for champ in champs %}
                    <tr class="trLink" data-identifiant="{{field.identifiant}}">
                        <td>{{field.name}}</td>
                        <td class="ColHideMobile text-center">{{field.intern_name}}</td>
                        <td class="text-end">{{field.modif_date|date:"d/m/Y à H:i"}}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>

I call my function in js, parameter = 15:

queryParams("limit")
function queryParams(params) {
   console.log("{{parameter}}")
   // params.limit = parseInt("{{parameter}}")
   params = {"limit":parseInt("{{parameter}}"),"offset":0,"order":"asc"}
   // console.log(params)
   // console.log(params["limit"])
   console.log(JSON.stringify(params));
   return params
}

It goes inside the function queryParams but my datatable never render the number of row limit I want. I don't understand why. Thank for your help.