I have shared the screenshots of the problem.
The Column separators appear when executing localhost (i.e. npm start)
But the column separators dont appear when deployed on Host (i.e. npm run build).
However, if I hover over the separator area, I'm able to resize and re-order the columns.
Just the visual lines are not visible.
I use a custom MuellerTheme.css that I downloaded via the Progress-ThemeBuilder.
Attached are the package.json and additional .css files in use.
1 Answer, 1 is accepted
Rank 1
Iron
Received below reply from Telerik's support team and adding the custom CSS provided by them below has solved my problem.
The only issue that Telerik's team have encountered with different rendering of the borders locally and after deploying was related with NextJS and the following issue:
If this is related with the same issue, I have to say that it is out of our scope and the following CSS must be added to resolve the wrong order:
.k-grid .k-table-th, .k-grid td, .k-grid .k-table-td {
border-width: 0 !important;
border-inline-start-width: 1px !important;
border-style: solid !important;
}