[Solved] changing optic of vertical gridlines to match background color of cells

[Daniela]

Hi!
I have a problem with my gridline-color/appearance when I change the color of the colum in a table.
As you can see on the attached screenshot I have a table as rowdetails in another table. The rowdetails table has the problem.
The rows should have a light blue color without any horizontal gridlines so that the table appears to have one cell with tabs. So I defined the table as in the code below.

When having a closer look at the screenshot (zoom in, if you don't regocnize it) you can see, that there is a small "white" line (in color of the standard table color), which should not be there. I tried to set the background of the table itself to the same color but this would not help. The only way I don't see the white line, is to let the background color of the columns as it is. But I need the light blue color, so this is no option for me.

Do anyone know how I set the gridlines color or the background of the table so, that I get my table in light blue without any white line between the columns?

<telerik:RadGridView.RowDetailsTemplate>
                    <DataTemplate>
                        <telerik:RadGridView
                            GridLinesVisibility="Horizontal"
                            ecodat:ContextMenuHelper.EnableContextMenu="True"
                                IsFilteringAllowed="False"
                                CanUserDeleteRows="False"
                                CanUserInsertRows="False"
                                ShowColumnHeaders="False"
                                ShowGroupPanel="False"
                                HorizontalAlignment="Left"
                                AutoGenerateColumns="False"
                                Margin="24 3 3 5"
                                BorderThickness="0.5"
                                ItemsSource="{Binding AssignedDocumentsList}">
                            <telerik:RadGridView.Columns>
                                <telerik:GridViewDataColumn
                                    IsReadOnly="True"
                                    TextWrapping="Wrap"
                                    Background="#EBF6FF"
                                    UniqueName="DocumentNumber"/>
                                <telerik:GridViewDataColumn
                                    IsReadOnly="True"
                                    Background="#EBF6FF"
                                    TextWrapping="Wrap"
                                    UniqueName="DocumentType"/>
                                <telerik:GridViewDataColumn
                                    IsReadOnly="True"
                                    Background="#EBF6FF"
                                    Width="*"
                                    UniqueName="DocumentTitle"/>
                            </telerik:RadGridView.Columns>

                        </telerik:RadGridView>
                    </DataTemplate>
                </telerik:RadGridView.RowDetailsTemplate>

[Yoan]

Hi Daniela,

You may achieve this result by predefining the template of GridViewCell, please refer to this help article.

Regards,
Yoan
Telerik