sorry @Malou, your filter select breaks pagination in 4.0.

We have implemented filter select using a Sprunje data source in 4.1.

Author: alexweissman

app/sprinkles/admin/src/Sprunje/UserSprunje.php

@@ -25,7 +25,8 @@ class UserSprunje extends Sprunje
     protected $sortable = [
         'name',
         'last_activity',
-        'flag_enabled'
+        'flag_enabled',
+        'status'
     ];
 
     protected $filterable = [
@@ -127,4 +128,16 @@ protected function sortName($query, $direction)
     {
         return $query->orderBy('last_name', $direction);
     }
+
+    /**
+     * Sort active, unactivated, disabled
+     *
+     * @param Builder $query
+     * @param string $direction
+     * @return Builder
+     */
+    protected function sortStatus($query, $direction)
+    {
+        return $query->orderBy('flag_enabled', $direction)->orderBy('flag_verified', $direction);
+    }
 }

app/sprinkles/admin/templates/components/tables/users.html.twig

@@ -15,7 +15,7 @@
                 {% if 'last_activity' in table.columns %}
                     <th class="sorter-metanum" data-column-name="last_activity" data-column-template="#user-table-column-last-activity" data-priority="2">{{translate("ACTIVITY.LAST")}} <i class="fa fa-sort"></i></th>
                 {% endif %}
-                <th class="filter-select filter-metaselect" data-column-name="flag_enabled" data-column-template="#user-table-column-actions" data-priority="1">{{translate("STATUS")}}/{{translate("ACTIONS")}} <i class="fa fa-sort"></i></th>
+                <th class="filter-false" data-column-name="status" data-column-template="#user-table-column-actions" data-priority="1">{{translate("STATUS")}}/{{translate("ACTIONS")}} <i class="fa fa-sort"></i></th>
             </tr>
         </thead>
         <tbody>

app/sprinkles/core/assets/local/core/js/uf-table.js

@@ -317,7 +317,6 @@
         });
 
         base.ts.on('pagerComplete', function () {
-            $el.find('.tablesorter').trigger('update');
             $el.trigger('pagerComplete.ufTable');
         });
     };