Fix #6874 - Grid column resize

[roojs1] / scss / roojs-bootstrap / table.scss

diff --git a/scss/roojs-bootstrap/table.scss b/scss/roojs-bootstrap/table.scss
index 44b36d3..1d3d144 100644 (file)
--- a/scss/roojs-bootstrap/table.scss
+++ b/scss/roojs-bootstrap/table.scss
@@ -15,7 +15,11 @@
     min-height:34px;
 }
 
-.table tfoot td {
+.table tfoot td
+{
+    padding: 0;
+}
+.navbar .pagination {
     margin: 0;
 }
 
@@ -43,8 +47,14 @@
     min-height: 0;
 }
 
-.table .sortable {
+.table .sortable
+{
     cursor: pointer;
+    i.fa-arrow-up,
+    i.fa-arrow-down
+    {
+         margin-right: 6px;
+    }
 }
 
 .table-body-fixed tbody {
@@ -58,15 +68,57 @@
 }
 .table-body-fixed thead {
     overflow:  hidden;
+    user-select: none;
 }
 
 
 .table-body-fixed tbody td, 
 .table-body-fixed thead > tr> th {
-  float: left;
-  border-bottom-width: 0;
+    float: left;
+    border-bottom-width: 0;
+    /* long headers? and body ?*/
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+
 }
 
+/** -- the dragable column bar */
+.table-body-fixed thead > tr:hover th .x-grid-split {
+    position: absolute;
+    top: 0px;
+    /*right: 0;*/
+    width: 9px;
+    
+    height: 100%;
+    background: transparent;
+    cursor: col-resize;
+}
+.table-body-fixed thead > tr:hover th .x-grid-split:before {
+    position: absolute;
+    content: " ";
+    top: 15%;
+    right: 4px;
+    width: 1px;
+    
+    height: 70%;
+    background: black;
+    cursor: col-resize;
+}
+/** vertical bar indicating that columns are being moved.  */
+.x-grid-resize-proxy {
+    z-index: 40009;
+    position: absolute;
+    background: #666;
+    border: 1px solid #000;
+    overflow: hidden;
+    cursor: col-resize;
+    overflow: hidden;
+    width: 2px;
+} 
+ 
+ 
+ 
 /* fake infinate widt.. */
 .table-body-fixed thead > tr,
 .table-body-fixed tbody > tr