Update

Author: accgit

css/style.scrollbar.css

@@ -0,0 +1,34 @@
+
+/* scrollbar table
+   ========================================================================== */
+.scrollbar.table {
+    position: relative;
+    height: 200px;
+    overflow: auto;
+}
+
+.ps__thumb-x {
+    height: 7px;
+}
+
+.ps__rail-x:hover > .ps__thumb-x,
+.ps__rail-x:focus > .ps__thumb-x,
+.ps__rail-x.ps--clicking .ps__thumb-x {
+    height: 7px;
+}
+
+.ps__thumb-x {
+    background: #e0e0e0;
+}
+
+.ps__rail-x:hover > .ps__thumb-x,
+.ps__rail-x:focus > .ps__thumb-x,
+.ps__rail-x.ps--clicking .ps__thumb-x {
+    background: #e0e0e0;
+}
+
+.ps .ps__rail-x:hover,
+.ps .ps__rail-x:focus,
+.ps .ps__rail-x.ps--clicking {
+    background: none;
+}

package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "css-ui-dashboard",
-	"version": "1.1.1",
+	"version": "1.1.2",
 	"description": "Simple and fast dashboard template.",
 	"main": "css/style.dashboard.css",
 	"repository": {

package.json

@@ -157,4 +157,23 @@ javascript libraries and plugins.
 </script>
 ```
 
+Activating the scrollbar on the tables.
+
+```html
+<link rel="stylesheet" href="path/to/style.scrollbar.css">
+<div class="scrollbar table">
+	<table>
+		...
+	</table>
+</div>
+<script>
+	$(function() {
+
+		$('.scrollbar.table').each(function() {
+			new PerfectScrollbar($(this)[0]);
+		});
+	});
+</script>
+```
+
 Enjoy dashboard.