Need Overflow-x as hidden and overflow-y as visible in kendo grid td

[Rahul]

I need to show validation message completely and ellipses on text in non-editable mode. I have below code of css.

td {
        white-space: nowrap;
        overflow-x: hidden !important;
        overflow-y:visible !important;
        cursor: default;
        padding: 2px 10px !important;
        line-height: 16px;
        height: 30px;
        position: relative;
        margin: -0.5em -0.6em -0.4em -0.6em;
        vertical-align: middle;
}


Please see the attachment and let me know how can we resolve this.

[Iliana Dyankova]

Hi Rahul,

The validation message is hidden because of the relative position which you have set to the cell. Hence removing it should help to show the message completely (dojo). 

Regards,
Iliana Nikolova
Telerik