在网格上显示网格线

Question

在网格上显示网格线

3

我正在使用Rad Grid，使用内置皮肤进行外观设置。然而，我想为我的表格添加网格线。但是，Gridlines = "Both"似乎不起作用。

 <telerik:RadGrid ID="RadGridProviders" Width="100%" GridLines="Both" AllowPaging="true" Skin="WebBlue" runat="server"  DataSourceID="SDSProvider" AutoGenerateColumns="false">
                    <MasterTableView DataSourceID="SDSProvider" PageSize="7" CellPadding="0" GridLines="Both" CellSpacing="0" DataKeyNames="ID,Entry_Loc" AllowMultiColumnSorting="True" AutoGenerateColumns="false"  >
                     <PagerStyle Mode="NextPrevNumericAndAdvanced"/>
                     <Columns>
                        <telerik:GridBoundColumn HeaderText="Organization Name" HeaderStyle-HorizontalAlign="Center" DataField="OrgName" SortExpression="OrgName">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Provider Type" HeaderStyle-HorizontalAlign="Center" DataField="TypeofProvider" SortExpression="TypeofProvider">
                        </telerik:GridBoundColumn>
                         <telerik:GridBoundColumn HeaderText="Contact Name" HeaderStyle-HorizontalAlign="Center" DataField="Contact" SortExpression="Contact">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Address" HeaderStyle-HorizontalAlign="Center" DataField="Address" SortExpression="Address">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Contact Number" HeaderStyle-HorizontalAlign="Center" DataField="Phone" SortExpression="Phone">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="Creator Location" Visible="false" HeaderStyle-HorizontalAlign="Center" DataField="Entry_Loc" SortExpression="Entry_Loc">
                        </telerik:GridBoundColumn>
                        <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" HeaderText="Delete Provider" HeaderStyle-HorizontalAlign="Center" 
                            ConfirmText="Are You Sure You Want to Delete this Provider?" ConfirmDialogType="RadWindow" ConfirmTitle="Delete Provider Confirmation"
                            UniqueName="DeleteProv">
                        </telerik:GridButtonColumn> 
                     </Columns>
                    </MasterTableView>
                    </telerik:RadGrid>

我刚刚尝试添加自定义CSS

.mytable tr td
    {
                border: solid 1px #000000;
    }

我在母版表格中设置了项目样式的 CSS 类，我在母版表格和网格本身上都设置了它。但是没有起作用。

- Eric

2个回答

0

protected void Page_Load(object sender, EventArgs e)
{
    this.GridView1.Attributes.Add("bordercolor", "c3cecc");
}

“使用GridView时，声明性的bordercolor属性会添加一个内联样式声明，该样式仅适用于表格本身，而不是单个单元格。

以编程方式添加bordercolor属性不使用内联样式，而是使用HTML bordercolor属性，浏览器将其应用于表格内的所有边框。”

这是Lee Dumond在我的博客文章中对此主题发表的评论。”

http://codersbarn.com/post/2009/05/31/Set-Color-of-GridLines-in-Gridview.aspx

- IrishChieftain

没有运气。出于某种原因，我无法更改那个皮肤的属性。 - Eric

你尝试使用! CSS运算符检查级联了吗？在Firefox Web Dev中检查样式规则被应用的确切位置，以及是否由于级联而忽略了你的规则... - IrishChieftain

实际上并没有被忽略。出于某种原因，它只是不会出现在网格上。我会尝试设置边框的权重。 - Eric

http://www.telerik.com/help/aspnet/grid/radgrid-telerik.webcontrols.gridtableview-gridlines.html - IrishChieftain

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Andrew Bezzub · Accepted Answer

你的皮肤可能不支持网格线。你可以尝试使用另一个皮肤来检查，或者使用Firebug。如果皮肤不支持网格线，则需要使用自定义CSS/皮肤手动添加它们。

以下是RadGrid CSS类的描述： http://www.telerik.com/help/aspnet-ajax/grdcreatingnewskins.html 你可以尝试自定义现有的皮肤，或者使用类似以下的内容：

.RadGrid_WebBlue .rgRow td
{
    border: solid 1px #000000;
}