popover column resizing on grids
authorAlan Knowles <alan@roojs.com>
Wed, 18 Aug 2021 08:31:38 +0000 (16:31 +0800)
committerAlan Knowles <alan@roojs.com>
Wed, 18 Aug 2021 08:31:38 +0000 (16:31 +0800)
docs/json/roodata.json
docs/src/Roo_bootstrap_Table.js.html
docs/symbols/Roo.bootstrap.Table.json

index 4671058..59b2e0f 100644 (file)
       {
         "name" : "enableColumnResize",
         "type" : "Boolean",
-        "desc" : "default true if columns can be resized (drag/drop)",
+        "desc" : "default true if columns can be resized = needs scrollBody to be set to work (drag/drop)",
         "memberOf" : ""
       },
       {
       {
         "name" : "scrollBody",
         "type" : "Boolean",
-        "desc" : "e) default false - body scrolled / fixed header",
+        "desc" : "e) default false - body scrolled / fixed header (with resizable columns)",
         "memberOf" : ""
       },
       {
index 6de3fa3..5227d07 100644 (file)
@@ -82,11 +82,12 @@ Currently the Table  uses multiple headers to try and handle XL / Medium etc...
  * @cfg {Boolean} headerShow (true|false) generate thead, default true
  * @cfg {Boolean} rowSelection (true|false) default false
  * @cfg {Boolean} cellSelection (true|false) default false
- * @cfg {Boolean} scrollBody (true|false) default false - body scrolled / fixed header
+ * @cfg {Boolean} scrollBody (true|false) default false - body scrolled / fixed header (with resizable columns)
  * @cfg {Roo.bootstrap.PagingToolbar} footer  a paging toolbar
  * @cfg {Boolean} lazyLoad  auto load data while scrolling to the end (default false)
  * @cfg {Boolean} auto_hide_footer  auto hide footer if only one page (default false)
- * @cfg {Boolean} enableColumnResize default true if columns can be resized (drag/drop)
+ * @cfg {Boolean} enableColumnResize default true if columns can be resized = needs scrollBody to be set to work (drag/drop)
+ * 
  * @cfg {Number} minColumnWidth default 50 pixels minimum column width 
  * 
  * @constructor
@@ -499,7 +500,9 @@ Currently the Table  uses multiple headers to try and handle XL / Medium etc...
                 }
 
                 </span><span class="jsdoc-var">styles.push</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'#' </span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.id </span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">' .x-hcol-' </span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">i</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">&quot; { &quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">width</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">hidden</span><span class="jsdoc-syntax">,</span><span class="jsdoc-string">&quot; }\n&quot;</span><span class="jsdoc-syntax">,
-                            </span><span class="jsdoc-string">'#' </span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.id </span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">' .x-grid-split-' </span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">i</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">&quot; { &quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">left</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">splithide</span><span class="jsdoc-syntax">,</span><span class="jsdoc-string">'height:'</span><span class="jsdoc-syntax">, (</span><span class="jsdoc-var">headHeight </span><span class="jsdoc-syntax">- 4), </span><span class="jsdoc-string">&quot;px;}\n&quot;
+                            </span><span class="jsdoc-string">'#' </span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.id </span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">' .x-grid-split-' </span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">i</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">&quot; { &quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">left</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">splithide</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">'height:'</span><span class="jsdoc-syntax">, (</span><span class="jsdoc-var">headHeight </span><span class="jsdoc-syntax">- 4), </span><span class="jsdoc-string">&quot;px;}\n&quot;</span><span class="jsdoc-syntax">,
+                            </span><span class="jsdoc-comment">// this is the popover version..
+                            </span><span class="jsdoc-string">'.popover-inner #' </span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.id </span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">' .x-grid-split-' </span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">i</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">&quot; { &quot;</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">left</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">splithide</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">'height:'</span><span class="jsdoc-syntax">, 100, </span><span class="jsdoc-string">&quot;%;}\n&quot;
                 </span><span class="jsdoc-syntax">);
             }
 
index a5e91c9..cbaa13b 100644 (file)
@@ -54,7 +54,7 @@
     {
       "name" : "scrollBody",
       "type" : "Boolean",
-      "desc" : "e) default false - body scrolled / fixed header",
+      "desc" : "e) default false - body scrolled / fixed header (with resizable columns)",
       "memberOf" : ""
     },
     {
     {
       "name" : "enableColumnResize",
       "type" : "Boolean",
-      "desc" : "default true if columns can be resized (drag/drop)",
+      "desc" : "default true if columns can be resized = needs scrollBody to be set to work (drag/drop)",
       "memberOf" : ""
     },
     {