fix(core/datatable): revert horizontal scrollbar fix

Revert of ems-project#599

Not correct when dataTable is empty

EMS/admin-ui-bundle/src/Resources/views/bootstrap5/datatable/dom.html.twig

@@ -1,8 +1,10 @@
 {%- use '@EMSAdminUI/bootstrap5/form/forms.html.twig' -%}
 {% trans_default_domain 'EMSCoreBundle' %}
 
-<table class="table table-condensed table-striped" data-datatable="{{ datatable.frontendOptions|json_encode|e('html_attr') }}" style="width: 100%;">
-    <thead>
+
+<div class="table-responsive">
+    <table class="table table-condensed table-striped" data-datatable="{{ datatable.frontendOptions|json_encode|e('html_attr') }}">
+        <thead>
         <tr role="row">
             {% if datatable.supportsTableActions %}
                 <th class="fit" data-orderable="false" data-name="_checkbox">
@@ -23,8 +25,8 @@
                 <th class="nowrap" data-orderable="false">{{ 'table.index.column.actions'|trans }}</th>
             {% endif %}
         </tr>
-    </thead>
-    <tbody>
+        </thead>
+        <tbody>
         {% for line in datatable %}
             <tr>
                 {% if datatable.supportsTableActions %}
@@ -42,12 +44,13 @@
                 {% endif %}
             </tr>
         {%  endfor %}
-    </tbody>
-</table>
+        </tbody>
+    </table>
+</div>
 {% if datatable.supportsTableActions %}
     <div class="btn-group">
         {% for action in datatable.tableActions %}
             {{ form_widget(attribute(form, action.name)) }}
         {% endfor %}
     </div>
-{% endif %}
+{% endif %}

EMS/core-bundle/assets/css/_ems.scss

@@ -168,10 +168,6 @@ div.core-js-progress {
   & i { padding-right: 10px;}
 }
 
-div.dataTables_scroll {
-  margin-bottom: 10px;
-}
-
 button > * {
   pointer-events: none; /* icons clickable inside button, js using event.target */
 }

EMS/core-bundle/src/Form/Data/TableAbstract.php

@@ -233,9 +233,7 @@ public function getFrontendOptions(): array
                 ++$counter;
             }
         }
-        $options = [
-            'scrollX' => true,
-        ];
+        $options = [];
 
         if (null !== $columnIndex) {
             $options['order'] = [[$columnIndex, $this->orderDirection]];