gridjs-spreadsheet 26.5.1 → 26.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gridjs-spreadsheet",
-  "version": "26.5.1",
+  "version": "26.5.2",
   "description": "this is the client side script for GridJs which is a lightweight, scalable, and customizable toolkit that provides cross-platform web applications, enables convenient development for editing or viewing Excel/Spreadsheet files, offers simple deployment, and provides easy-to-use APIs based on JSON format.",
   "types": "index.d.ts",
   "main": "xspreadsheet.js",

package/readme.md

@@ -403,10 +403,15 @@ v26.5:
 
 - Support add custom buttons in toolbar
 
-v26.5: 
+v26.5.1: 
 
 - Improve date picker
 
+v26.5.2: 
+
+- Improve filter display
+- Improve print
+
 ## License
 
 MIT

package/xspreadsheet.css

@@ -755,7 +755,9 @@ body {
   z-index: 100;
   width: 260px;
   pointer-events: auto;
-  overflow: auto;
+  max-height: calc(100vh - 20px);
+  overflow-y: auto;
+  overflow-x: hidden;
 }
 .x-spreadsheet-suggest {
   width: 200px;
@@ -776,12 +778,21 @@ body {
   border-left: 1px solid transparent;
 }
 .x-spreadsheet-filter .x-spreadsheet-body {
-  height: 200px;
+  max-height: 200px;
   overflow-y: auto;
+  overflow-x: auto;
 }
 .x-spreadsheet-filter .x-spreadsheet-body .x-spreadsheet-item {
   height: 20px;
   line-height: 20px;
+  width: max-content;
+  min-width: 100%;
+  white-space: nowrap;
+  overflow: visible;
+}
+.x-spreadsheet-filter .x-spreadsheet-body .labelcnt {
+  flex-shrink: 0;
+  white-space: nowrap;
 }
 .x-spreadsheet-sort-filter .x-spreadsheet-buttons {
   margin: 10px;