Tsvetomir,
The style override you suggest does not effect the result in Edge. Again Chrome displays fine.
I tried attached a file that captures all the styles rendering from the Edge Development Tools - Elements tab for the div (1 column header). If you can spot the issue that would be great. Included at the top is the rendered markup.
I tried but this site would not accept a 3kb text file . So I am pasting it below.
<th class="k-header k-sorted" id="67e31dc0-9f47-413b-915a-fbc8fc288574" role="columnheader" aria-haspopup="true" aria-label="Product Press ctrl + space to group" aria-sort="ascending" rowspan="1" scope="col" data-role="columnsorter" data-title="Product" data-index="0" data-field="ProductRoot.Name" data-dir="asc"><a class="k-link" href="#">Product<span class="k-icon k-i-sort-asc-sm"></span></a></th>
Inline style{
text-align
left;
}
kendo.co....min.css (2326)
.k-filter-row > th:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child, .k-grid-header th:first-child.k-header{
border-left-width
:
0px;
}
ZenerDiodes (11413)
div.k-grid-header thead th.k-header{
height20px;
}
kendo.co....min.css (12917)
.k-grid-header th.k-header{
padding-left
:
1.28em;
}
kendo.co....min.css (12914)
.k-filter-row th, .k-grid-header th.k-header{
padding
:
.786em .6em;
}
kendo.co....min.css (2121)
.k-grid-header th.k-header{
vertical-align
:
bottom;
}
kendo.co....min.css (2111)
.k-filter-row th, .k-grid-header th.k-header{
overflow
:
hidden;
border-style
:
solid;
border-width
:
0 0 1px 1px;
padding
:
.5em .6em .4em .6em;
font-weight
:
400;
white-space
:
nowrap;
text-overflow
:
ellipsis;
text-align
:
left;
}
kendo.ma....min.css (2449)
.k-grid-header .k-header, .k-grid-header .k-header .k-link, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-pager-info, .k-scheduler-agendaview .k-scheduler-datecolumn, .k-scheduler-header{
color
:
#999;
}
kendo.ma....min.css (2363)
.k-grid-footer, .k-grid-footer td, .k-grid-header, .k-grid-header .k-header, .k-pager-numbers .k-state-selected, .k-pager-wrap, .km-pane-wrapper .k-grid-header .k-header{
color
:
#444;
background-color
:
#fafafa;
}
mcc-wc.css (1725)
table td:first-of-type, table th:first-of-type{
padding-left
:
1px;
}
kendo.co....min.css (406)
.k-animation-container, .k-animation-container *, .k-animation-container ::after, .k-block .k-header, .k-dialog .k-window-content, .k-list-container, .k-widget, .k-widget *, .k-widget ::before{
box-sizing
:
content-box;
}