diff --git a/src/AssoBundle/Resources/views/Ajax/Membre/mainDisplay.html.twig b/src/AssoBundle/Resources/views/Ajax/Membre/mainDisplay.html.twig
index f6d374328386501750d9e2d958ec0dde9fed352c..e2e1a3cd1aa60aaa9624ca8ffdc72d562cd51390 100755
--- a/src/AssoBundle/Resources/views/Ajax/Membre/mainDisplay.html.twig
+++ b/src/AssoBundle/Resources/views/Ajax/Membre/mainDisplay.html.twig
@@ -69,7 +69,7 @@
                     <a href="javascript: void(0);" id="association" class="btn-sort">Association</a>
                 </th>
                 <th scope="col">
-                    <a href="javascript: void(0);" id="action" class="btn-sort">Action</a>
+                    <a>Action</a>
                 </th>
             </tr>
         </thead>
@@ -216,15 +216,23 @@
         form);
     });
 
-    let stepform = document.querySelector('form#pagination');
+    let stepform = document.querySelector('form#pagination select');
     stepform.addEventListener('change', function(e) {
-        console.log('change pagination');
+
+        step = this.value;
+        console.log('change step='+ step);
+        console.log();
+
     });
 
-    let columns = ['id', 'firstname', 'lastname', 'email'];
-    columns.forEach(function(column) {
-        column.addEventListener('click', function(e) {
-            console.log('toggle column');
+    let columns = document.querySelectorAll('th[scope="col"] a.btn-sort');
+    columns.forEach(function(column)
+    {
+        let col = column.getAttribute('id');
+        column.addEventListener('click', function(e)
+        {
+            console.log('toggle id='+ col+ ' order='+ order);
+            order = (order === 'ASC') ? 'DESC' : 'ASC';
         });
     });