请教各位大虾，怎么使Datagrid不显示外边框，只显示内部的格线

Question

打开属性生成器，将BorderStyle设为None即可

Answer 1

<asp:datagrid id="DataGrid1" runat="server" Font-Size="12px" Width="100%" BorderStyle="Ridge"
        CellSpacing="1" CellPadding="3" BackColor="White" BorderWidth="0px" BorderColor="White" PageSize="5"
        AllowSorting="True" AutoGenerateColumns="False" AllowCustomPaging="True" AllowPaging="True"
        GridLines="None">
        <SelectedItemStyle Font-Bold="True" ForeColor="White" BackColor="#9471DE"></SelectedItemStyle>
        <ItemStyle ForeColor="Black" BackColor="#DEDFDE"></ItemStyle>
        <HeaderStyle Font-Bold="True" ForeColor="#E7E7FF" BorderStyle="Solid" BackColor="#4A3C8C"></HeaderStyle>
        <FooterStyle ForeColor="Black" BackColor="#C6C3C6"></FooterStyle>

Answer 2

可能是我没说清楚。我想形成类似“井”字这种datagrid表外观。整个表的底色为白色不变，内部格线为黑色。
原因：要做成一行对多行的表格形式（一行和多行分别是从相关联的两个数据库表中绑定得来）。于是我在一个datagrid中插入模版列，在模版列中再插入另一个datagrid,分别与数据库进行绑定。现在的问题是：两个datagrid的交界处的格线变粗，整个表格外观不好。主管要求改。所以想把第二个datagrid的外边框去掉，注意：要保留其内框线！

Answer 3

看看这个，这个是这么实现的，你也看着办吧，datagrid定义了很详细样式：
<ASP:DATAGRID id="MaterialDataGrid" style="Z-INDEX: 101; LEFT: 13px; POSITION: absolute; TOP: 204px" runat="server" Width="99%" BackColor="White" BorderColor="DimGray" HorizontalAlign="Center" AllowPaging="True" AutoGenerateColumns="False" AllowSorting="True" MaintainState="false" HeaderStyle-BackColor="#aaaadd" CellPadding="3" PageSize="7">
<EditItemStyle Width="34px"></EditItemStyle>
<AlternatingItemStyle HorizontalAlign="Center" Height="20px"></AlternatingItemStyle>
<ItemStyle HorizontalAlign="Center" Height="20px" ForeColor="Black" BackColor="#D9EFA4"></ItemStyle>
<HeaderStyle Font-Bold="True" Wrap="False" HorizontalAlign="Center" Height="20px" ForeColor="#506A13" BackColor="#ABCF55"></HeaderStyle>
<FooterStyle Height="20px" ForeColor="Black" BackColor="#DDE7E9"></FooterStyle>
<Columns>
<asp:TemplateColumn HeaderText="物资名称">
<HeaderStyle Width="120px"></HeaderStyle>
<ItemStyle HorizontalAlign="Left" Width="90px"></ItemStyle>
<HeaderTemplate>
<asp:Label id="Label23" runat="server">物资名称</asp:Label>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox id="FaceCodeCK" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "MaterialName") %>' >
</asp:CheckBox>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox id=KFaceCode runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "MaterialName") %>' width="80">
</asp:TextBox>
</EditItemTemplate>
</asp:TemplateColumn>
<asp:BoundColumn DataField="MaterialCode" HeaderText="物资编码">
<ItemStyle BackColor="#E9F6CB"></ItemStyle>
</asp:BoundColumn>
<asp:BoundColumn DataField="Standard" HeaderText="规格"></asp:BoundColumn>
<asp:BoundColumn DataField="MadeIn" HeaderText="产地">
<ItemStyle BackColor="#E9F6CB"></ItemStyle>
</asp:BoundColumn>
<asp:BoundColumn DataField="CategoryName" HeaderText="类别"></asp:BoundColumn>
<asp:BoundColumn DataField="UnitName" HeaderText="计量单位">
<ItemStyle BackColor="#E9F6CB"></ItemStyle>
</asp:BoundColumn>
<asp:BoundColumn DataField="MaxStock" HeaderText="最大库存"></asp:BoundColumn>
<asp:BoundColumn DataField="MinStock" HeaderText="最小库存">
<ItemStyle BackColor="#E9F6CB"></ItemStyle>
</asp:BoundColumn>
<asp:BoundColumn DataField="PlanPrice" HeaderText="计划价格"></asp:BoundColumn>
<asp:TemplateColumn HeaderText="删除">
<ItemStyle BackColor="#E9F6CB"></ItemStyle>
<ItemTemplate>
<asp:LinkButton id="Linkbutton2" runat="server" Text='<img src="../imgs/del.gif" border="0">' CommandName="Delete" CausesValidation="false"></asp:LinkButton>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="编辑">
<HeaderStyle Width="80px"></HeaderStyle>
<ItemTemplate>
<asp:ImageButton id="ImageButton1" runat="server" ImageUrl="../imgs/edit1.gif" CommandName="Edit"></asp:ImageButton>
</ItemTemplate>
</asp:TemplateColumn>
<asp:BoundColumn Visible="False" DataField="MaterialName" HeaderText="物资名称"></asp:BoundColumn>
</Columns>
<PagerStyle NextPageText="      下一页&amp;gt; " Height="25px" PrevPageText="&amp;lt;上一页 " HorizontalAlign="Right" ForeColor="Black" BackColor="#F5FAE4"></PagerStyle>
</ASP:DATAGRID>

Answer 4

我试了，还是不行。datagrid的外边框和内格线，要去掉，只能都去掉，不能只去外边框，留住内格线。
不知css能否控制，忘知情者告知。
另外有没有其他方法实现一行对多行的数据显示，比如说只用一个datagrid有没有这样的属性方法控制这种格式。（因为涉及数据绑定，所以不能在模版列中插入table等，而插入datagrid又不能解决边框交界问题），忘大家指教。
最后对关注和支持本帖的朋友表示感谢。

Answer 5

我试了，还是不行。datagrid的外边框和内格线，要去掉，只能都去掉，不能只去外边框，留住内格线。
不知css能否控制，忘知情者告知。
另外有没有其他方法实现一行对多行的数据显示，比如说只用一个datagrid有没有这样的属性方法控制这种格式。（因为涉及数据绑定，所以不能在模版列中插入table等，而插入datagrid又不能解决边框交界问题），忘大家指教。
最后对关注和支持本帖的朋友表示感谢。