diff --git a/apps/common/main/lib/component/DataView.js b/apps/common/main/lib/component/DataView.js
index e6fa66907..696cb2796 100644
--- a/apps/common/main/lib/component/DataView.js
+++ b/apps/common/main/lib/component/DataView.js
@@ -473,6 +473,9 @@ define([
                 });
             }
 
+            if (this.disabled)
+                this.setDisabled(this.disabled);
+
             this.attachKeyEvents();
             this.lastSelectedRec = null;
             this._layoutParams = undefined;
diff --git a/apps/common/main/resources/less/listview.less b/apps/common/main/resources/less/listview.less
index a9cfaadbf..9a80b2fd1 100644
--- a/apps/common/main/resources/less/listview.less
+++ b/apps/common/main/resources/less/listview.less
@@ -28,24 +28,33 @@
     border-style: solid;
     border-width: 1px 0;
     border-top-color: #fafafa;
+  }
 
+  &:not(.disabled) > .item {
     &:hover {
-        background-color: @secondary;
-        border-color: @secondary;
-        border-style: solid;
-        border-width: 1px 0;
+      background-color: @secondary;
+      border-color: @secondary;
+      border-style: solid;
+      border-width: 1px 0;
     }
 
     &.selected {
-        background-color: @primary;
-        color: #fff;
-        border-color: @primary;
-        border-style: solid;
-        border-width: 1px 0;
+      background-color: @primary;
+      color: #fff;
+      border-color: @primary;
+      border-style: solid;
+      border-width: 1px 0;
     }
   }
 
   &.ps-container {
       overflow: hidden;
   }
+
+  &.disabled {
+    > .item {
+      cursor: default;
+      opacity: 0.5;
+    }
+  }
 }
\ No newline at end of file