[BS5] Replace FooTable with jquery Datatables

data/web/templates/mailbox/tab-bcc.twig

@@ -10,7 +10,7 @@
     <div class="card-body">
       <p class="text-muted">{{ lang.mailbox.bcc_info|raw }}</p>
       {#<div class="mass-actions-mailbox" data-actions-header="true"></div>#}
-      <table id="bcc_table" class="table table-striped dt-responsive nowrap w-100"></table>
+      <table id="bcc_table" class="table table-striped dt-responsive w-100"></table>
       <div class="mass-actions-mailbox">
         <div class="btn-group" data-acl="{{ acl.bcc_maps }}">
           <a class="btn btn-sm btn-xs-half d-block d-sm-inline btn-secondary" id="toggle_multi_select_all" data-id="bcc" href="#"><i class="bi bi-check-all"></i> {{ lang.mailbox.toggle_all }}</a>
@@ -40,7 +40,7 @@
     <div class="card-body">
       <p class="text-muted">{{ lang.mailbox.recipient_map_info }}</p>
       {#<div class="mass-actions-mailbox" data-actions-header="true"></div>#}
-      <table class="table table-striped" id="recipient_map_table"></table>
+      <table id="recipient_map_table" class="table table-striped dt-responsive w-100"></table>
       <div class="mass-actions-mailbox">
         <div class="btn-group">
           <a class="btn btn-sm btn-xs-half d-block d-sm-inline btn-secondary" id="toggle_multi_select_all" data-id="recipient_map" href="#"><i class="bi bi-check-all"></i> {{ lang.mailbox.toggle_all }}</a>

data/web/templates/mailbox/tab-domain-aliases.twig

@@ -9,7 +9,7 @@
     </div>
     <div class="card-body">
       {#<div class="mass-actions-mailbox" data-actions-header="true"></div>#}
-      <table id="aliasdomain_table" class="table table-striped dt-responsive nowrap w-100"></table>
+      <table id="aliasdomain_table" class="table table-striped dt-responsive w-100"></table>
       <div class="mass-actions-mailbox">
         <div class="btn-group">
           <a class="btn btn-sm btn-xs-half d-block d-sm-inline btn-secondary" id="toggle_multi_select_all" data-id="alias-domain" href="#"><i class="bi bi-check-all"></i> {{ lang.mailbox.toggle_all }}</a>

data/web/templates/mailbox/tab-domains.twig

@@ -11,7 +11,7 @@
     </div>
     <div class="card-body">
       {#<div class="mass-actions-mailbox" data-actions-header="true"></div>#}
-      <table id="domain_table" class="table table-striped dt-responsive nowrap w-100"></table>
+      <table id="domain_table" class="table table-striped dt-responsive w-100"></table>
       <div class="mass-actions-mailbox">
         <div class="btn-group">
           <a class="btn btn-sm btn-xs-half d-block d-sm-inline btn-secondary" id="toggle_multi_select_all" data-id="domain" href="#"><i class="bi bi-check-all"></i> {{ lang.mailbox.toggle_all }}</a>

data/web/templates/mailbox/tab-filters.twig

@@ -10,7 +10,7 @@
     <div class="card-body">
       <p class="text-muted">{{ lang.mailbox.sieve_info|raw }}</p><br>
       {#<div class="mass-actions-mailbox" data-actions-header="true"></div>#}
-      <table id="filter_table" class="table table-striped dt-responsive nowrap w-100"></table>
+      <table id="filter_table" class="table table-striped dt-responsive w-100"></table>
       <div class="mass-actions-mailbox">
         <div class="btn-group" data-acl="{{ acl.filters }}">
           <a class="btn btn-sm btn-xs-half d-block d-sm-inline btn-secondary" id="toggle_multi_select_all" data-id="filter_item" href="#"><i class="bi bi-check-all"></i> {{ lang.mailbox.toggle_all }}</a>

data/web/templates/mailbox/tab-mailboxes.twig

@@ -9,7 +9,7 @@
     </div>
     <div class="card-body">
       <div class="mass-actions-mailbox d-none d-sm-flex" data-actions-header="true"></div>
-      <table id="mailbox_table" class="table table-striped dt-responsive nowrap w-100"></table>
+      <table id="mailbox_table" class="table table-striped dt-responsive w-100"></table>
       <div class="mass-actions-mailbox">
         <div class="btn-group d-block d-md-none">
           <a class="btn btn-sm btn-xs-half d-block d-sm-inline btn-secondary" id="toggle_multi_select_all" data-id="mailbox" href="#"><i class="bi bi-check-all"></i> {{ lang.mailbox.toggle_all }}</a>

data/web/templates/mailbox/tab-mbox-aliases.twig

@@ -10,7 +10,7 @@
     <div class="card-body">
       <p class="text-muted">{{ lang.mailbox.alias_domain_alias_hint|raw }}</p>
       <!-- <div class="mass-actions-mailbox" data-actions-header="true"></div> -->
-      <table id="alias_table" class="table table-striped dt-responsive nowrap w-100"></table>
+      <table id="alias_table" class="table table-striped dt-responsive w-100"></table>
       <div class="mass-actions-mailbox">
         <div class="btn-group">
           <a class="btn btn-sm btn-xs-half d-block d-sm-inline btn-secondary" id="toggle_multi_select_all" data-id="alias" href="#"><i class="bi bi-check-all"></i> {{ lang.mailbox.toggle_all }}</a>

data/web/templates/mailbox/tab-resources.twig

@@ -12,7 +12,7 @@
       <p><span class="badge fs-5 bg-warning text-muted">{{ lang.mailbox.booking_lt0_short }}</span> - {{ lang.mailbox.booking_ltnull }}</p>
       <p><span class="badge fs-5 bg-danger text-muted">{{ lang.mailbox.booking_custom_short }}</span> - {{ lang.mailbox.booking_custom }}</p>
       {#<div class="mass-actions-mailbox" data-actions-header="true"></div>#}
-      <table id="resource_table" class="table table-striped dt-responsive nowrap w-100"></table>
+      <table id="resource_table" class="table table-striped dt-responsive w-100"></table>
       <div class="mass-actions-mailbox">
         <div class="btn-group">
           <a class="btn btn-sm btn-xs-half d-block d-sm-inline btn-secondary" id="toggle_multi_select_all" data-id="resource" href="#"><i class="bi bi-check-all"></i> {{ lang.mailbox.toggle_all }}</a>

data/web/templates/mailbox/tab-syncjobs.twig

@@ -9,7 +9,7 @@
     </div>
     <div class="card-body">
       <!-- <div class="mass-actions-mailbox" data-actions-header="true"></div> -->
-      <table id="sync_job_table" class="table table-striped dt-responsive nowrap w-100"></table>
+      <table id="sync_job_table" class="table table-striped dt-responsive w-100"></table>
       <div class="mass-actions-mailbox">
         <div class="btn-group" data-acl="{{ acl.syncjobs }}">
           <a class="btn btn-sm btn-xs-half d-block d-sm-inline btn-secondary" id="toggle_multi_select_all" data-id="syncjob" href="#"><i class="bi bi-check-all"></i> {{ lang.mailbox.toggle_all }}</a>

data/web/templates/mailbox/tab-tls-policy.twig

@@ -10,7 +10,7 @@
     <div class="card-body">
       <p class="text-muted">{{ lang.mailbox.tls_policy_maps_info|raw }}</p>
       {#<div class="mass-actions-mailbox" data-actions-header="true"></div>#}
-      <table id="tls_policy_table" class="table table-striped dt-responsive nowrap w-100"></table>
+      <table id="tls_policy_table" class="table table-striped dt-responsive w-100"></table>
       <div class="mass-actions-mailbox">
         <div class="btn-group">
           <a class="btn btn-sm btn-xs-half d-block d-sm-inline btn-secondary" id="toggle_multi_select_all" data-id="tls-policy-map" href="#"><i class="bi bi-check-all"></i> {{ lang.mailbox.toggle_all }}</a>