diff --git a/koha-tmpl/intranet-tmpl/prog/en/includes/holds_table.inc b/koha-tmpl/intranet-tmpl/prog/en/includes/holds_table.inc
index 1614ec2c2f..9f5b18eba5 100644
--- a/koha-tmpl/intranet-tmpl/prog/en/includes/holds_table.inc
+++ b/koha-tmpl/intranet-tmpl/prog/en/includes/holds_table.inc
@@ -1,6 +1,7 @@
 [% USE Koha %]
 [% SET hold_cancellation = AuthorisedValues.GetAuthValueDropbox('HOLD_CANCELLATION') %]
 [% USE AuthorisedValues %]
+[% USE raw %]
 
 <table id="patron_holds_table_[% biblio_id | html %]_[% split_data | html %]" class="holds_table" data-total-holds="[% total_holds | html %]">
     <thead>
@@ -21,3 +22,10 @@
         </tr>
     </thead>
 </table>
+<script nonce="[% Koha.CSPNonce | $raw %]">
+    let all_libraries  = [% To.json(Branches.all) | $raw %].map(e => {
+        e['_id'] = e.branchcode;
+        e['_str'] = e.branchname;
+        return e;
+    });
+</script>
diff --git a/koha-tmpl/intranet-tmpl/prog/js/holds.js b/koha-tmpl/intranet-tmpl/prog/js/holds.js
index 4c3eef5109..9740c08974 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/holds.js
+++ b/koha-tmpl/intranet-tmpl/prog/js/holds.js
@@ -105,6 +105,10 @@ function display_pickup_location(state) {
     };
 })(jQuery);
 
+var coded_values = {
+    library: new Map(all_libraries.map(l => [l.branchname, l.branchcode])),
+};
+
 /* global __ borrowernumber SuspendHoldsIntranet */
 $(document).ready(function () {
     let patron_page = holds_table_patron_page();
@@ -147,6 +151,11 @@ $(document).ready(function () {
         var holds = new Array();
         if (!holdsTable) {
             var title;
+
+            let filters_options = {
+                libraries: all_libraries,
+            };
+
             holdsTable = $("#holds-table").kohaTable(
                 {
                     autoWidth: false,
@@ -1598,8 +1607,9 @@ async function load_patron_holds_table(biblio_id, split_data) {
                 },
                 {
                     data: "pickup_library_id",
+                    datatype: "coded_value:library",
                     orderable: true,
-                    searchable: false,
+                    searchable: true,
                     render: function (data, type, row, meta) {
                         var branchSelect =
                             "<select priority=" +