如何在GridView中的每个单元格周围放置边框?

时间:2016-02-23 10:48:54

标签: c# html css asp.net gridview

我有一个GridView,我想在每个项目之间有一条垂直线。 我能够为标题添加边框,但我也想要GridView中每个单元格/行的边框。请参见下图中分隔每个标题的边框,不要继续向下到网格中的项目。

enter image description here

GridView代码:

<asp:GridView ID="gvPieces" 
    runat="server"
    ShowHeaderWhenEmpty="true"
    CssClass="printTableResults"
    Width="100%"
    DataKeyField="ID" 
    AutoGenerateColumns="false"
    allowpaging="false">
    <HeaderStyle CssClass="printTableHeaderNoBottom" />
      <Columns> 
          <asp:BoundField DataField="TotalPieces" HeaderText="Total Qty" HeaderStyle-Font-Bold="true" HeaderStyle-CssClass="borderR" ItemStyle-HorizontalAlign="Center" ></asp:BoundField> 
          <asp:BoundField DataField="ActualWeight" HeaderText="Gross Wt" HeaderStyle-Font-Bold="true"  ItemStyle-HorizontalAlign="Center"></asp:BoundField>                                              
          <asp:BoundField DataField="FirstRemarks" HeaderText="Description" HeaderStyle-Font-Bold="true" HeaderStyle-CssClass="borderLOnly" ItemStyle-HorizontalAlign="Center"></asp:BoundField>
     </Columns> 

那么如何在GridView中的项目周围放置边框?

1 个答案:

答案 0 :(得分:0)

使用CSS

* {
border:1px solid #000}