Bonjour,

Je me permets de vous contacter car j'ai un petit souci avec le fonctionnement du tri d'un tableau.
Pour vous expliquez le contexte, je suis sous un framework appelé Chameleon Template voir défintion >>>>ici

En css je suis sous Bootstrap Twitter rien d'anormal.

Pourtant j'ai essayé de nombreuses fonctions javascript tablesorter.js ...et j'en passe.

Mais j'ai l'impression que le javascript n'est pas en adéquation avec le framework.

Voici un exemple d'un code source sous chameleon template :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<metal:main use-macro="load: layout.pt">
    <div metal:fill-slot="content">
        <div id="last_logon_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">
            <div class="col-lg-10 col-lg-offset-1"> <img class="img-responsive" src="${request.static_url('apisatellite:static/img/ban_igeo.png')}" alt="banniere igeo"> </div>
            <div class="col-lg-11 col-lg-offset-1">
                <div class="col-lg-11">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <ul class="nav nav-tabs">
                                <li role="presentation" class="active"><a href="#">Last Logon</a></li>
                            </ul>
                            <br />
                            <div class="row">
                                <div class="col-lg-10 col-lg-offset-1">
                                    <div class="panel panel-primary">
                                        <div class="panel-heading">Results systems :</div>
                                        <div class="panel-body">
                                            <button id="btnExport" name="btnExport" class="btn btn-primary" download="abc.xls"> <span class="glyphicon glyphicon-export" aria-hidden="true"></span> Export to Excel </button>
                                            <p>
                                                <div id="last_logon" class="col-md-10">
                                                    <table class="table table-bordered tablesorter tablesorter-blue" id="myTable">
                                                        <thead>
                                                            <tr class="tablesorter-headerRow">
                                                                <th data-type="num">System Name</th>
                                                                <th>Satellite Link</th>
                                                                <th colspan="2">Last Connection</th>
                                                                <th>Status</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr tal:repeat="system list_systems" value="${system}">
                                                                <td>${system[0]}</td>
                                                                <td>${system[13]}</td>
                                                                <td>Who : ${system[1]}</td>
                                                                <td>When : ${system[12]}</td>
                                                                <td>${system[14]}</td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script>
            $("[id$=btnExport]").click(function(e) {
                window.open('data:application/vnd.ms-excel,' + encodeURIComponent($('div[id$=last_logon]').html()));
                e.preventDefault();
            });
        </script>
    </div>
</metal:main>

Quelqu'un s'y connait sur ce framework?