jtable update

js/jtable/CHANGES.md

@@ -1,29 +1,11 @@
-By Franky Van Liedekerke:
+Short changes:
 
-Version 1.0.5 (2024/12/21)
-* roomForSortableIcon is true by default, set to false to regain old behavior
-* added some margin around the edit/delete/close icon
-* allow last column to be resized too
-
-Version 1.0.4 (2024/12/21)
-* Add option "roomForSortableIcon" (true/false) for sorting, so the icon has room to appear next to the next
-
-Version 1.0.2 (2024/12/20)
-* rewritten without jquery-ui
-* fully use html5 modals
-* visibility can be "hidden", "visible" (the default), or "separator" (in
-which case the value will be bold, but not selectable nor a real column, just
-a bold-entry in the vibility selection)
-* added div around the internal table, using css this is now responsive (css included in all themes):
-```js
-.jtable-table-div {
-    display: block;
-    overflow-x:auto;
-}
-.jtable-table-div > table {
-    overflow:hidden;
-}
-```
+* Rewritten to use plain jQuery, not jQuery-UI, with HTML5 modal dialogs
+* Removed options: dialogShowEffect, dialogHideEffect
+* Added option "roomForSortableIcon" (true/false) for sorting, so the sortable icon has room to appear next to the text
+  True by default
+* Added option "formDialogWidth", which takes a css-width as value, to change the auto-width of the create/edit dialog to something else
+* Made Date-field a HTML5 date-field. The old datepicker can be restored using DateJS as type
 * added listQueryParams to jtable-call, to indicate parameters to be loaded on
 every load-call, can be a function
   Examples:

js/jtable/VERSION

@@ -1 +1 @@
-1.0.8
+1.0.11

js/jtable/jquery.jtable.js

@@ -4879,6 +4879,10 @@ THE SOFTWARE.
                 if ($cell.is(':visible')) {
                     let fieldName = $cell.data('fieldName');
                     $cell.data('width-in-percent', columnWidths[fieldName]).css('width', columnWidths[fieldName] + '%');
+                } else {
+                    // invisible fields should be as small as possible (column header) when becoming visible
+                    // so we set the width to 1%, when becoming visible the browser table logic will make it fit
+                    $cell.data('width-in-percent', 1).css('width', '1%');
                 }
             });
         },

js/jtable/themes/basic/jtable_basic.css

@@ -63,7 +63,7 @@ div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-
 }
 div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
   position: absolute;
-  height: 24px;
+  height: 100%;
   width: 8px;
   right: -8px;
   top: -2px;

js/jtable/themes/jqueryui/jtable_jqueryui.css

@@ -57,7 +57,7 @@ div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-
 }
 div.jtable-main-container table.jtable thead th.jtable-column-header div.jtable-column-header-container div.jtable-column-resize-handler {
   position: absolute;
-  height: 24px;
+  height: 100%;
   width: 8px;
   right: -8px;
   top: -2px;