!!zone: title
kapp pointage
!!zone: link_css
<link href="/rex/bootstrap-5.3.3/css/bootstrap.min.css" rel="stylesheet">
<link href="/rex/datatables.2.2.1-bt5/datatables.css" rel="stylesheet">
<link href="/rex/bootstrap-icons-1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">

<style>
    /* https://live.datatables.net/digeseka/1/edit */
    #liste1 tbody tr:hover {
        background-color: #0FA;
    }

    /* #liste1 tbody tr:hover > .sorting_1 {
        background-color: #fA0; 
    } */
</style>

!!zone: corps
<b>[!event_name|Pointage dans PAPI]</b>         <!-- // #myInput is a input element -->
<input id="myInput" type="text"> 
<script>
    // list_labels = "A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U-Z"
    list_labels = "[!list_labels|A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U-Z]"
    // <h2 class="justif-center">[!event_name|Pointage dans PAPI]</h2>
</script>

<div id="ajaxSpinnerImage">
</div>
<div>
    <div style="float:left">
        <ul class="nav nav-tabs" id="tabs1" role="tablist">
            <li class="nav-item"><button class="nav-link active" data-val="TOUS" data-bs-toggle="tab">Tous</button></li>
            <li class="nav-item"><button class="nav-link" data-val="NO" data-bs-toggle="tab">-NO-</button></li>
            <li class="nav-item"><button class="nav-link" data-val="OK" data-bs-toggle="tab">-OK-</button></li>
        </ul>
    </div>
    <div style="clear:both"></div>
</div>

 <table id="liste1" class="display" style="width:100%">
    <thead>
        <tr>
            <th>Pointage</th>
            <th>T</th>
            <th>Nom</th>
            <th>Prenom</th>
            <th>FideCode</th>
            <th>Fede</th>
            <th>Commentaire</th>
            <th>Club</th>
            <th>Elo</th>
            <th>Rapide</th>
            <th>Blitz</th>
            <th>RefFFE</th>
            <th>Ref</th>
            <th>Trn</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th>Pointage</th>
            <th>T</th>
            <th>Nom</th>
            <th>Prenom</th>
            <th>FideCode</th>
            <th>Fede</th>
            <th>Commentaire</th>
            <th>Club</th>
            <th>Elo</th>
            <th>Rapide</th>
            <th>Blitz</th>
            <th>RefFFE</th>
            <th>Ref</th>
            <th>Trn</th>
        </tr>
    </tfoot>
</table>


!!zone:js_after
<script src="/rex/jquery-3.7.1.js"></script>
<script src="/rex/bootstrap-5.3.3/js/bootstrap.bundle.min.js"></script>
<script src="/rex/datatables.2.2.1-bt5/datatables.js"></script>
<script src="/[!js_prefix|rc/js]/kommon.[!js_suffix|js]"></script>
<!-- <script src="/[!js_prefix|rc/js]/custom2.js"></script> -->
<script src="/[!js_prefix|rc/js]/pointage.[!js_suffix|js]"></script>

<script>

</script>