增加 Grid::scrollbar 方法用于显示X轴滚动条

resources/assets/dcat/sass/components/_utilities.scss

@@ -195,6 +195,11 @@ button:focus{
 
 .overflow-x-auto {
   overflow-x: auto!important;
+
+  .table {
+    width: max-content;
+    min-width: 100%;
+  }
 }
 .overflow-y-auto {
   overflow-y: auto!important;

resources/assets/dcat/sass/mixins/_scrollbar.scss

@@ -1,8 +1,8 @@
 
 @mixin scrollbar($selector) {
   #{$selector}::-webkit-scrollbar {
-    width: 12px;
-    height: 12px;
+    width: 10px;
+    height: 10px;
   }
   #{$selector}::-webkit-scrollbar-track {
     background-color: #eee;

resources/assets/dcat/sass/theme/_dark.scss

@@ -4,8 +4,8 @@ $body-dark-modal-bg: lighten($body-dark-color, 3%);
 
 @mixin dark-scrollbar($selector) {
   #{$selector}::-webkit-scrollbar {
-    width: 12px;
-    height: 12px;
+    width: 10px;
+    height: 10px;
   }
   #{$selector}::-webkit-scrollbar-track {
     background-color: $body-dark-bg;
@@ -342,7 +342,7 @@ body.dark-mode {
   }
 
   // ------ table
-  @include dark-scrollbar('.table-responsive[data-pattern=priority-columns]');
+  @include dark-scrollbar('.table-responsive');
 
   .table-wrapper {
     margin-top: 12px!important;

resources/views/grid/table.blade.php

@@ -9,7 +9,9 @@
 
     {!! $grid->renderHeader() !!}
 
-    <div class="table-responsive {{ $grid->option('table_collapse') ? 'table-collapse' : '' }} table-wrapper complex-container table-middle mt-1">
+    <div class="table-responsive
+    {{ $grid->option('table_scrollbar') ? 'overflow-x-auto' : '' }}
+    {{ $grid->option('table_collapse') ? 'table-collapse' : '' }} table-wrapper complex-container table-middle mt-1">
         <table class="{{ $grid->formatTableClass() }}" id="{{ $tableId }}" >
             <thead>
             @if ($headers = $grid->getVisibleComplexHeaders())

src/Grid.php

@@ -165,6 +165,7 @@ class Grid
         'create_button'     => true,
         'bordered'          => false,
         'table_collapse'    => true,
+        'table_scrollbar'   => false,
         'toolbar'           => true,
         'create_mode'       => self::CREATE_MODE_DEFAULT,
         'dialog_form_area'  => ['700px', '670px'],
@@ -598,6 +599,20 @@ class Grid
         return $this;
     }
 
+    /**
+     * 显示横轴滚动条.
+     *
+     * @param bool $value
+     *
+     * @return $this
+     */
+    public function scrollbar(bool $value = true)
+    {
+        $this->options['table_scrollbar'] = $value;
+
+        return $this;
+    }
+
     /**
      * Set grid header.
      *