diff --git a/modules/backend/assets/css/winter.css b/modules/backend/assets/css/winter.css
index 765423d072..415d79bc7b 100644
--- a/modules/backend/assets/css/winter.css
+++ b/modules/backend/assets/css/winter.css
@@ -1103,4 +1103,4 @@ html.cssanimations .fancy-layout *:not(.nested-form)>.form-widget>.layout-row>.f
 .flyout-toggle i{margin:7px 0 0 6px;display:inline-block}
 .flyout-toggle:hover i{color:#fff}
 body.flyout-visible{overflow:hidden}
-body.flyout-visible .flyout-overlay{background-color:rgba(0,0,0,0.3)}
+body.flyout-visible .flyout-overlay{background-color:rgba(0,0,0,0.3)}
\ No newline at end of file
diff --git a/modules/backend/formwidgets/codeeditor/assets/js/build-min.js b/modules/backend/formwidgets/codeeditor/assets/js/build-min.js
index e1dd79a93e..4a6c376976 100644
--- a/modules/backend/formwidgets/codeeditor/assets/js/build-min.js
+++ b/modules/backend/formwidgets/codeeditor/assets/js/build-min.js
@@ -1290,9 +1290,9 @@ getData=function(row){return popup.data[row];};popup.getRow=function(){return se
     z-index: 2;\
 }\
 .ace_editor.ace_autocomplete .ace_scroller {\
-    background: none;\
-    border: none;\
-    box-shadow: none;\
+   background: none;\
+   border: none;\
+   box-shadow: none;\
 }\
 .ace_rightAlignedText {\
     color: gray;\
diff --git a/modules/backend/formwidgets/fileupload/assets/css/fileupload.css b/modules/backend/formwidgets/fileupload/assets/css/fileupload.css
index a7d58f27eb..32df1b6a0c 100644
--- a/modules/backend/formwidgets/fileupload/assets/css/fileupload.css
+++ b/modules/backend/formwidgets/fileupload/assets/css/fileupload.css
@@ -154,4 +154,4 @@
 .field-fileupload.style-file-single .upload-object .meta{position:absolute;top:50%;margin-top:-44px;height:88px;right:0;width:15%}
 .field-fileupload.style-file-single .upload-object .meta .upload-remove-button{position:absolute;top:50%;right:0;height:20px;margin-top:-10px;margin-right:10px;z-index:100}
 .field-fileupload.style-file-single .upload-object .icon-container:after{width:20px;height:20px;margin-top:-10px;margin-left:-10px;background-size:20px 20px}
-.field-fileupload.style-file-single .upload-object.is-error .icon-container:after{font-size:20px}
+.field-fileupload.style-file-single .upload-object.is-error .icon-container:after{font-size:20px}
\ No newline at end of file
diff --git a/modules/backend/widgets/mediamanager/assets/js/mediamanager-browser-min.js b/modules/backend/widgets/mediamanager/assets/js/mediamanager-browser-min.js
index 78f74226c7..9ff766b4fe 100644
--- a/modules/backend/widgets/mediamanager/assets/js/mediamanager-browser-min.js
+++ b/modules/backend/widgets/mediamanager/assets/js/mediamanager-browser-min.js
@@ -540,4 +540,4 @@ case'undo-resizing':this.undoResizing()
 break}}
 MediaManagerImageCropPopup.prototype.onSelectionChanged=function(c){this.updateSelectionSizeLabel(c.w,c.h)}
 MediaManagerImageCropPopup.DEFAULTS={alias:undefined,onDone:undefined}
-$.wn.mediaManager.imageCropPopup=MediaManagerImageCropPopup}(window.jQuery);
+$.wn.mediaManager.imageCropPopup=MediaManagerImageCropPopup}(window.jQuery);
\ No newline at end of file
diff --git a/modules/backend/widgets/table/assets/css/table.css b/modules/backend/widgets/table/assets/css/table.css
index f0514a8dd8..67f2319671 100644
--- a/modules/backend/widgets/table/assets/css/table.css
+++ b/modules/backend/widgets/table/assets/css/table.css
@@ -11,20 +11,21 @@
 .control-table table.headers th:last-child{border-right:none}
 .control-table.active table.headers:after{border-bottom-color:#e0e0e0}
 .control-table table.data td{border:1px solid #ecf0f1}
-.control-table table.data td .content-container{position:relative;padding:1px}
+.control-table table.data td .content-container{position:relative;padding:1px;outline:none}
+.control-table table.data td .content-container.readonly{background:#f7f7f7}
 .control-table table.data td.active{border-color:#34495e !important}
 .control-table table.data td.active .content-container{padding:0;border:1px solid #34495e}
 .control-table table.data td.active .content-container:before,
 .control-table table.data td.active .content-container:after{content:' ';background:#34495e;position:absolute;left:-2px;top:-2px}
 .control-table table.data td.active .content-container:before{width:1px;bottom:-2px}
 .control-table table.data td.active .content-container:after{right:-2px;height:1px}
-.control-table table.data tr{background-color:white}
+.control-table table.data tr{background-color:#fff}
 .control-table table.data tr.error{background-color:#fbecec !important}
 .control-table table.data tr.error td.active.error{border-color:#ec0000 !important}
 .control-table table.data tr.error td.active.error .content-container{border-color:#ec0000 !important}
 .control-table table.data tr.error td.active.error .content-container:before,
 .control-table table.data tr.error td.active.error .content-container:after{background-color:#ec0000 !important}
-.control-table table.data tr:nth-child(2n){background-color:#fbfbfb}
+.control-table table.data tr:nth-child(2n){background-color:#fafafa}
 .control-table table.data tr:first-child td{border-top:none}
 .control-table table.data tr:last-child td{border-bottom:none}
 .control-table table.data td:first-child{border-left:none}
@@ -54,17 +55,16 @@ html.gecko .control-table td[data-column-type=string] input[type=text],
 html.safari .control-table td[data-column-type=autocomplete] input[type=text],
 html.gecko .control-table td[data-column-type=autocomplete] input[type=text]{padding:5px 10px 5px}
 ul.table-widget-autocomplete{background:white;font-size:13px;margin-top:0;border:1px solid #808c8d;border-top:1px solid #ecf0f1;border-bottom-right-radius:4px;border-bottom-left-radius:4px}
-ul.table-widget-autocomplete li a{padding:5px 10px}.control-table td[data-column-type=checkbox] div[data-checkbox-element]{width:16px;height:16px;border-radius:3px;background-color:#FFF;border:1px solid #999;margin:5px 5px 5px 10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+ul.table-widget-autocomplete li a{padding:5px 10px}.control-table td[data-column-type=checkbox] div[data-checkbox-element]{width:16px;height:16px;border-radius:3px;background-color:#FFF;border:1px solid #999;margin:6px 5px 6px 10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
 .control-table td[data-column-type=checkbox] div[data-checkbox-element]:hover{border-color:#808080;color:#4d4d4d}
 .control-table td[data-column-type=checkbox] div[data-checkbox-element].checked{border-width:2px}
 .control-table td[data-column-type=checkbox] div[data-checkbox-element].checked:before{font-family:"Font Awesome 6 Free";font-weight:900;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;content:"\f00c";font-size:10px;position:relative;left:1px;top:-4px}
-.control-table td[data-column-type=checkbox] div[data-checkbox-element]:focus{border-color:#34495e;outline:none}.control-table td[data-column-type=dropdown]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
-.control-table td[data-column-type=dropdown] [data-view-container]{padding-right:20px;position:relative;cursor:pointer}
-.control-table td[data-column-type=dropdown] [data-view-container]:after{font-family:"Font Awesome 6 Free";font-weight:900;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;content:"\f107";font-size:13px;line-height:100%;color:#95a5a6;position:absolute;top:8px;right:10px}
-.control-table td[data-column-type=dropdown] [data-view-container]:hover:after{color:#0181b9}
+.control-table td[data-column-type=checkbox] div[data-checkbox-element]:focus{border-color:#34495e;outline:none}.control-table td[data-column-type=dropdown] .content-container:not(.readonly){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+.control-table td[data-column-type=dropdown] .content-container:not(.readonly) [data-view-container]{padding-right:20px;position:relative;cursor:pointer}
+.control-table td[data-column-type=dropdown] .content-container:not(.readonly) [data-view-container]:after{font-family:"Font Awesome 6 Free";font-weight:900;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;content:"\f107";font-size:13px;line-height:100%;color:#95a5a6;position:absolute;top:8px;right:10px}
+.control-table td[data-column-type=dropdown] .content-container:not(.readonly) [data-view-container]:hover:after{color:#0181b9}
 .control-table td[data-column-type=dropdown] [data-dropdown-open=true]{background:white}
-.control-table td[data-column-type=dropdown] [data-dropdown-open=true] [data-view-container]:after{font-family:"Font Awesome 6 Free";font-weight:900;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;content:"\f106"}
-.control-table td[data-column-type=dropdown] .content-container{outline:none}.widget-field.frameless .control-table .table-container{border-top:none;border-left:none;border-right:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
+.control-table td[data-column-type=dropdown] [data-dropdown-open=true] [data-view-container]:after{font-family:"Font Awesome 6 Free";font-weight:900;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;content:"\f106"}.widget-field.frameless .control-table .table-container{border-top:none;border-left:none;border-right:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
 .widget-field.frameless .control-table .toolbar{background:transparent}html.cssanimations .control-table td[data-column-type=dropdown] [data-view-container].loading:after{background:url('../../../../../../modules/system/assets/ui/images/loader-transparent.svg') 50% 50%;background-size:15px 15px;position:absolute;width:15px;height:15px;top:6px;right:5px;content:' ';-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}
 .table-control-dropdown-list{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;background:white;border:1px solid #e0e0e0;border-top:none;padding-top:1px;overflow:hidden;z-index:1000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom-right-radius:4px;border-bottom-left-radius:4px}
 .table-control-dropdown-list ul{border-top:1px solid #ecf0f1;padding:0;margin:0;max-height:200px;overflow:auto}
diff --git a/modules/backend/widgets/table/assets/js/build-min.js b/modules/backend/widgets/table/assets/js/build-min.js
index 91eea11949..10664fc158 100644
--- a/modules/backend/widgets/table/assets/js/build-min.js
+++ b/modules/backend/widgets/table/assets/js/build-min.js
@@ -207,8 +207,7 @@ return}for(var i=0,len=this.options.columns.length;i<len;i++){var column=this.op
 if(this.cellProcessors[column].onKeyDown(ev)===false){return}}if(this.navigation.onKeydown(ev)===false){return}if(this.search.onKeydown(ev)===false){return}}
 Table.prototype.onFormSubmit=function(ev,data){if(data.handler==this.options.postbackHandlerName){this.unfocusTable()
 if(!this.validate()){ev.preventDefault()
-return}
-data.options.data[this.options.fieldName]=this.dataSource.getAllData()}}
+return}data.options.data[this.options.fieldName]=this.dataSource.getAllData()}}
 Table.prototype.onToolbarClick=function(ev){var target=this.getEventTarget(ev),cmd=target.getAttribute('data-cmd')
 if(!cmd){return}switch(cmd){case'record-add':case'record-add-below':this.addRecord('below')
 break
@@ -513,10 +512,10 @@ StringProcessor.prototype=Object.create(BaseProto)
 StringProcessor.prototype.constructor=StringProcessor
 StringProcessor.prototype.dispose=function(){BaseProto.dispose.call(this)
 this.focusTimeoutHandler=null}
-StringProcessor.prototype.renderCell=function(value,cellContentContainer){this.createViewContainer(cellContentContainer,value)}
+StringProcessor.prototype.renderCell=function(value,cellContentContainer){this.createViewContainer(cellContentContainer,value);if(this.columnConfiguration.readonly||this.columnConfiguration.readOnly){cellContentContainer.classList.add('readonly');cellContentContainer.setAttribute('tabindex',0);}}
 StringProcessor.prototype.onFocus=function(cellElement,isClick){if(this.activeCell===cellElement)return
 this.activeCell=cellElement
-this.buildEditor(cellElement,this.getCellContentContainer(cellElement))}
+if(!this.columnConfiguration.readonly&&!this.columnConfiguration.readOnly){this.buildEditor(cellElement,this.getCellContentContainer(cellElement))}else{this.getCellContentContainer(cellElement).focus()}}
 StringProcessor.prototype.onUnfocus=function(){if(!this.activeCell)return
 var editor=this.activeCell.querySelector('.string-input')
 if(editor){this.tableObj.setCellValue(this.activeCell,editor.value)
@@ -528,7 +527,7 @@ var input=document.createElement('input')
 input.setAttribute('type','text')
 input.setAttribute('class','string-input')
 input.value=this.tableObj.getCellValue(cellElement)
-if(this.columnConfiguration.readOnly){input.setAttribute('readonly',true)}cellContentContainer.appendChild(input)
+cellContentContainer.appendChild(input)
 this.setCaretPosition(input,0)
 window.setTimeout(this.focusTimeoutHandler,0)}
 StringProcessor.prototype.keyNavigationAllowed=function(ev,direction){if(direction!='left'&&direction!='right')return true
@@ -565,10 +564,11 @@ CheckboxProcessor.prototype.isCellFocusable=function(){return false}
 CheckboxProcessor.prototype.renderCell=function(value,cellContentContainer){var checkbox=document.createElement('div')
 checkbox.setAttribute('data-checkbox-element','true')
 checkbox.setAttribute('tabindex','0')
-if(value&&value!=0&&value!="false"){checkbox.setAttribute('class','checked')}cellContentContainer.appendChild(checkbox)}
+if(value&&value!=0&&value!="false"){checkbox.setAttribute('class','checked')}cellContentContainer.appendChild(checkbox)
+if(this.columnConfiguration.readonly||this.columnConfiguration.readOnly){cellContentContainer.classList.add('readonly');}}
 CheckboxProcessor.prototype.onFocus=function(cellElement,isClick){cellElement.querySelector('div[data-checkbox-element]').focus()}
 CheckboxProcessor.prototype.onKeyDown=function(ev){if(ev.key==='(Space character)'||ev.key==='Spacebar'||ev.key===' ')this.onClick(ev)}
-CheckboxProcessor.prototype.onClick=function(ev){var target=this.tableObj.getEventTarget(ev,'DIV')
+CheckboxProcessor.prototype.onClick=function(ev){if(this.columnConfiguration.readonly||this.columnConfiguration.readOnly){return}var target=this.tableObj.getEventTarget(ev,'DIV')
 if(target.getAttribute('data-checkbox-element')){var container=this.getCheckboxContainerNode(target)
 if(container.getAttribute('data-column')!==this.columnName){return}this.changeState(target)
 $(ev.target).trigger('change')}}
@@ -601,14 +601,15 @@ BaseProto.dispose.call(this)}
 DropdownProcessor.prototype.unregisterListHandlers=function(){if(this.itemListElement){this.itemListElement.removeEventListener('click',this.itemClickHandler)
 this.itemListElement.removeEventListener('keydown',this.itemKeyDownHandler)
 this.itemListElement.removeEventListener('mousemove',this.itemMouseMoveHandler)}}
-DropdownProcessor.prototype.renderCell=function(value,cellContentContainer){var viewContainer=this.createViewContainer(cellContentContainer,'...')
+DropdownProcessor.prototype.renderCell=function(value,cellContentContainer){let viewContainer;if(this.columnConfiguration.readonly||this.columnConfiguration.readOnly){viewContainer=this.createViewContainer(cellContentContainer,value)
+cellContentContainer.classList.add('readonly');cellContentContainer.setAttribute('tabindex',0);return;}viewContainer=this.createViewContainer(cellContentContainer,'...')
 this.fetchOptions(cellContentContainer.parentNode,function renderCellFetchOptions(options){if(options[value]!==undefined)viewContainer.textContent=options[value]
 cellContentContainer.setAttribute('tabindex',0)})}
 DropdownProcessor.prototype.onFocus=function(cellElement,isClick){if(this.activeCell===cellElement){this.showDropdown()
 return}this.activeCell=cellElement
-var cellContentContainer=this.getCellContentContainer(cellElement)
+if(!this.columnConfiguration.readonly&&!this.columnConfiguration.readOnly){var cellContentContainer=this.getCellContentContainer(cellElement)
 this.buildEditor(cellElement,cellContentContainer,isClick)
-if(!isClick)cellContentContainer.focus()}
+if(!isClick){cellContentContainer.focus()}}else{this.getCellContentContainer(cellElement).focus()}}
 DropdownProcessor.prototype.onUnfocus=function(){if(!this.activeCell)return
 this.unregisterListHandlers()
 this.hideDropdown()
@@ -699,7 +700,7 @@ AutocompleteProcessor.prototype.onUnfocus=function(){if(!this.activeCell)return
 this.removeAutocomplete()
 BaseProto.onUnfocus.call(this)}
 AutocompleteProcessor.prototype.renderCell=function(value,cellContentContainer){BaseProto.renderCell.call(this,value,cellContentContainer)}
-AutocompleteProcessor.prototype.buildEditor=function(cellElement,cellContentContainer,isClick){BaseProto.buildEditor.call(this,cellElement,cellContentContainer,isClick)
+AutocompleteProcessor.prototype.buildEditor=function(cellElement,cellContentContainer,isClick){if(this.columnConfiguration.readonly||this.columnConfiguration.readOnly){return}BaseProto.buildEditor.call(this,cellElement,cellContentContainer,isClick)
 var self=this
 this.fetchOptions(cellElement,function autocompleteFetchOptions(options){self.buildAutoComplete(options)
 self=null})}
diff --git a/modules/backend/widgets/table/assets/js/table.processor.autocomplete.js b/modules/backend/widgets/table/assets/js/table.processor.autocomplete.js
index 35b57eb185..ba8e863d75 100644
--- a/modules/backend/widgets/table/assets/js/table.processor.autocomplete.js
+++ b/modules/backend/widgets/table/assets/js/table.processor.autocomplete.js
@@ -61,8 +61,6 @@
      */
     AutocompleteProcessor.prototype.renderCell = function(value, cellContentContainer) {
         BaseProto.renderCell.call(this, value, cellContentContainer)
-
-        // this.fetchOptions(cellContentContainer.parentNode)
     }
 
     AutocompleteProcessor.prototype.buildEditor = function(cellElement, cellContentContainer, isClick) {
diff --git a/modules/backend/widgets/table/assets/js/table.processor.checkbox.js b/modules/backend/widgets/table/assets/js/table.processor.checkbox.js
index abe06426c4..0b9ad771a4 100644
--- a/modules/backend/widgets/table/assets/js/table.processor.checkbox.js
+++ b/modules/backend/widgets/table/assets/js/table.processor.checkbox.js
@@ -53,6 +53,10 @@
         }
 
         cellContentContainer.appendChild(checkbox)
+
+        if (this.columnConfiguration.readonly || this.columnConfiguration.readOnly) {
+            cellContentContainer.classList.add('readonly');
+        }
     }
 
     /*
@@ -77,6 +81,10 @@
      * for all processors.
      */
     CheckboxProcessor.prototype.onClick = function(ev) {
+        if (this.columnConfiguration.readonly || this.columnConfiguration.readOnly) {
+            return
+        }
+
         var target = this.tableObj.getEventTarget(ev, 'DIV')
 
         if (target.getAttribute('data-checkbox-element')) {
diff --git a/modules/backend/widgets/table/assets/js/table.processor.dropdown.js b/modules/backend/widgets/table/assets/js/table.processor.dropdown.js
index c609b5a23c..74231c078e 100644
--- a/modules/backend/widgets/table/assets/js/table.processor.dropdown.js
+++ b/modules/backend/widgets/table/assets/js/table.processor.dropdown.js
@@ -77,7 +77,17 @@
      * Renders the cell in the normal (no edit) mode
      */
     DropdownProcessor.prototype.renderCell = function(value, cellContentContainer) {
-        var viewContainer = this.createViewContainer(cellContentContainer, '...')
+        let viewContainer;
+
+        if (this.columnConfiguration.readonly || this.columnConfiguration.readOnly) {
+            viewContainer = this.createViewContainer(cellContentContainer, value)
+
+            cellContentContainer.classList.add('readonly');
+            cellContentContainer.setAttribute('tabindex', 0);
+            return;
+        }
+
+        viewContainer = this.createViewContainer(cellContentContainer, '...')
 
         this.fetchOptions(cellContentContainer.parentNode, function renderCellFetchOptions(options) {
             if (options[value] !== undefined)
@@ -98,11 +108,16 @@
         }
 
         this.activeCell = cellElement
-        var cellContentContainer = this.getCellContentContainer(cellElement)
-        this.buildEditor(cellElement, cellContentContainer, isClick)
+        if (!this.columnConfiguration.readonly && !this.columnConfiguration.readOnly) {
+            var cellContentContainer = this.getCellContentContainer(cellElement)
+            this.buildEditor(cellElement, cellContentContainer, isClick)
 
-        if (!isClick)
-            cellContentContainer.focus()
+            if (!isClick) {
+                cellContentContainer.focus()
+            }
+        } else {
+            this.getCellContentContainer(cellElement).focus()
+        }
     }
 
     /*
diff --git a/modules/backend/widgets/table/assets/js/table.processor.string.js b/modules/backend/widgets/table/assets/js/table.processor.string.js
index 2c9b9ac861..795b15384c 100644
--- a/modules/backend/widgets/table/assets/js/table.processor.string.js
+++ b/modules/backend/widgets/table/assets/js/table.processor.string.js
@@ -46,7 +46,12 @@
      * Renders the cell in the normal (no edit) mode
      */
     StringProcessor.prototype.renderCell = function(value, cellContentContainer) {
-        this.createViewContainer(cellContentContainer, value)
+        this.createViewContainer(cellContentContainer, value);
+
+        if (this.columnConfiguration.readonly || this.columnConfiguration.readOnly) {
+            cellContentContainer.classList.add('readonly');
+            cellContentContainer.setAttribute('tabindex', 0);
+        }
     }
 
     /*
@@ -58,7 +63,11 @@
             return
 
         this.activeCell = cellElement
-        this.buildEditor(cellElement, this.getCellContentContainer(cellElement))
+        if (!this.columnConfiguration.readonly && !this.columnConfiguration.readOnly) {
+            this.buildEditor(cellElement, this.getCellContentContainer(cellElement))
+        } else {
+            this.getCellContentContainer(cellElement).focus()
+        }
     }
 
     /*
@@ -92,10 +101,6 @@
         input.setAttribute('class', 'string-input')
         input.value = this.tableObj.getCellValue(cellElement)
 
-        if (this.columnConfiguration.readOnly) {
-            input.setAttribute('readonly', true)
-        }
-
         cellContentContainer.appendChild(input)
 
         this.setCaretPosition(input, 0)
diff --git a/modules/backend/widgets/table/assets/less/table.less b/modules/backend/widgets/table/assets/less/table.less
index 4d9fc20da3..dd88239901 100644
--- a/modules/backend/widgets/table/assets/less/table.less
+++ b/modules/backend/widgets/table/assets/less/table.less
@@ -6,6 +6,9 @@
 
 @table-active-border: #e0e0e0;
 @table-inactive-border: #e0e0e0;
+@table-odd-row: #ffffff;
+@table-even-row: #fafafa;
+@table-disabled-field: #f7f7f7;
 
 .control-table {
     .table-container {
@@ -88,6 +91,11 @@
             .content-container {
                 position: relative;
                 padding: 1px;
+                outline: none;
+
+                &.readonly {
+                    background: @table-disabled-field;
+                }
             }
 
             &.active {
@@ -119,7 +127,7 @@
         }
 
         tr {
-            background-color: white;
+            background-color: @table-odd-row;
 
             &.error {
                 background-color: #fbecec!important;
@@ -138,7 +146,7 @@
         }
 
         tr:nth-child(2n) {
-            background-color: #fbfbfb;
+            background-color: @table-even-row;
         }
     }
 
@@ -340,7 +348,7 @@ ul.table-widget-autocomplete {
             border-radius: @border-radius-base;
             background-color: #FFFFFF;
             border: 1px solid @color-custom-input-border;
-            margin: 5px 5px 5px 10px;
+            margin: 6px 5px 6px 10px;
             cursor: pointer;
 
             .user-select(none);
@@ -376,8 +384,6 @@ ul.table-widget-autocomplete {
 
 .control-table {
     td[data-column-type=dropdown] {
-        .user-select(none);
-
         .dropdown-arrow() {
             .icon(@angle-down);
             font-size: 13px;
@@ -388,17 +394,21 @@ ul.table-widget-autocomplete {
             right: 10px;
         }
 
-        [data-view-container] {
-            padding-right: 20px;
-            position: relative;
-            cursor: pointer;
+        .content-container:not(.readonly) {
+            .user-select(none);
 
-            &:after {
-                .dropdown-arrow();
-            }
+            [data-view-container] {
+                padding-right: 20px;
+                position: relative;
+                cursor: pointer;
+
+                &:after {
+                    .dropdown-arrow();
+                }
 
-            &:hover:after {
-                color: @link-color;
+                &:hover:after {
+                    color: @link-color;
+                }
             }
         }
 
@@ -408,10 +418,6 @@ ul.table-widget-autocomplete {
                 .icon(@angle-up);
             }
         }
-
-        .content-container {
-            outline: none;
-        }
     }
 }