實際上我正在使用以下數據表：Data Table code:<table aria-describedby="dataTable_info" cellspacing="0" class="table table-hover dataTable" id="dataTable" role="grid" style="width:100%;" width="100%">        <thead>            <tr>                <th>{{'fsaGeneralPlan.table.Auditors'|trans({}, 'FSABundle')}}</th>                <th>{{'fsaGeneralPlan.table.Audits'|trans({}, 'FSABundle')}}</th>                <th>{{'fsaGeneralPlan.table.Areas'|trans({}, 'FSABundle')}}</th>            </tr>        </thead>        <tbody>            {% for audit in auditsByArea %}            {% set myArray = audit.Audits|split(',') %}            {% set AuditsStatus = audit.AuditsStatus|split(',') %}                    <tr>                        <td>{{ audit.Auditor }}</td>                        <td>                        {# {% set long = numberOfAudits|length + 2  %} #}                        {# <h1>{{ long }}</h1> #}                            {% for i in 0..3 %}                            {% set e = i + 1 %}                            <a  title="{{ AuditsStatus[i] }}" class="btn btn-outline-primary btn-sm auditButton {{ AuditsStatus[i] }}" data-id="Audit{{ myArray[i] }}" data-area="{{ audit.area_name }}"  data-status="{{ AuditsStatus[i] }}" id="auditButton{{ myArray[i] }}" name="auditButton">{{'w' ~ e }}</a>                            {# <input  class ="auditButton {{ AuditsStatus[i] }} mx-2" value="{{'W' ~ i }}" href="" data-id="Audit{{ myArray[i] }}" data-area="{{ audit.area_name }}" data-status="{{ AuditsStatus[i] }}" id="auditButton{{ myArray[i] }}" name="auditButton" type='text' readonly ></input> #}                            {% endfor %}                        </td>                        <td>{{ audit.area_name }}</td>                    </tr>             {% endfor %}        </tbody>    </table>一旦頁面加載，我有這個 Javascript 來更改數據表中按鈕的類：它工作正常，但僅在數據表的第一頁中，在其他頁面中不起作用。關于如何修復它或出了什么問題的任何想法或主題？