aio-table 5.1.0 → 5.2.0

package/index.css

@@ -19,6 +19,7 @@
     display: flex;
     width:100%;
     flex:1;
+    overflow:hidden;
 }
 .aio-table-unit{
     display: grid;
@@ -35,30 +36,7 @@
   overflow-x:scroll;
 }
 
-/* custom scrollbar */
-  .aio-table-unit::-webkit-scrollbar {
-    width: 10px !important;
-    height:10px !important;
-  }
-  #aio-table-first-split::-webkit-scrollbar {
-    width: 0px !important;
-    height: 10px !important;
-  }
-  
-  .aio-table-unit::-webkit-scrollbar-track {
-    background-color: transparent;
-  }
-  
-  .aio-table-unit::-webkit-scrollbar-thumb {
-    background-color: #cdd4e0;
-    border-radius: 20px;
-    border: 3px solid transparent;
-    background-clip: content-box;
-  }
-  
-  .aio-table-unit::-webkit-scrollbar-thumb:hover {
-    background-color: #868e9e;
-  }
+
 .aio-table-title{
     display:flex;
     align-items: center;
@@ -264,6 +242,9 @@ select.aio-table-paging-button{
   .aio-table-cell.aio-table-relative-filter{
     opacity:.4;
   }
+  .aio-table-cell.striped[data-evenodd = even]{
+    background:#f5f5f5
+  }
   .aio-table-filter-popup{
     background:#e3e6ea;
     padding:6px;
@@ -497,3 +478,26 @@ display:none;
   display: none !important;
 }
 }
+/* custom scrollbar */
+  .aio-table-unit::-webkit-scrollbar {
+    width: 10px !important;
+    height:10px !important;
+  }
+  #aio-table-first-split::-webkit-scrollbar {
+    width: 0px !important;
+  }
+  
+  .aio-table-unit::-webkit-scrollbar-track {
+    background-color: transparent;
+  }
+  
+  .aio-table-unit::-webkit-scrollbar-thumb {
+    background-color: #cdd4e0;
+    border-radius: 20px;
+    border: 3px solid transparent;
+    background-clip: content-box;
+  }
+  
+  .aio-table-unit::-webkit-scrollbar-thumb:hover {
+    background-color: #868e9e;
+  }

package/index.js

@@ -2,7 +2,7 @@
 
 function _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -49,9 +49,9 @@ function _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Con
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
@@ -2252,8 +2252,13 @@ var AIOTableCell = /*#__PURE__*/function (_Component4) {
   }, {
     key: "getClassName",
     value: function getClassName(row, column) {
+      var striped = this.context.striped;
       var className = 'aio-table-cell';
 
+      if (striped) {
+        className += ' striped';
+      }
+
       if (column.template) {
         className += ' aio-table-cell-template';
       }
@@ -2667,6 +2672,7 @@ var AIOTableCell = /*#__PURE__*/function (_Component4) {
         ref: this.dom,
         cellid: cellId,
         title: typeof content === 'string' ? content : '',
+        "data-evenodd": row._index % 2 === 0 ? 'even' : 'odd',
         rowindex: row._renderIndex,
         colindex: column._renderIndex,
         childindex: row._childIndex,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aio-table",
-  "version": "5.1.0",
+  "version": "5.2.0",
   "description": "all in one table. tree mode , simple mode , tree mode, gantt mode , groupby mode, freeze mode.",
   "main": "index.js",
   "scripts": {