删除空行通过的GridView

追加我有这样删除空行通过的GridView

<asp:GridView ID="gridBranchTiming" EmptyDataText="No Records Found" runat="server" AutoGenerateColumns="False" BorderWidth="0" 
        AllowPaging="true" PageSize="15" Width="100%" OnPageIndexChanging="gridBranchTiming_PageIndexChanging" 
        CssClass="mGrid" OnRowDeleting="gridBranchTiming_RowDeleting" 
        OnRowCommand="gridBranchTiming_RowCommand" OnRowCreated="gridBranchTiming_RowCreated" > 

        <AlternatingRowStyle CssClass="alt" /> 
        <PagerStyle CssClass="pgr" /> 
        <Columns> 
         <asp:TemplateField> 
          <HeaderTemplate> 
           <th rowspan="2">#</th> 
           <th rowspan="2">Branch ID</th> 
           <th rowspan="2">From</th> 
           <th rowspan="2">To</th> 
           <th colspan="2">Sunday </th> 
           <th colspan="2">Monday </th> 
           <th colspan="2">Tuesday </th> 
           <th colspan="2">Wednesday </th> 
           <th colspan="2">Thursday </th> 
           <th colspan="2">Friday </th> 
           <th colspan="2">Saturday </th> 
           <th rowspan="2">Edit</th> 
           <th rowspan="2">Delete</th> 
           <tr> 
            <th></th> 
            <th>From</th> 
            <th>To</th> 
            <th>From</th> 
            <th>To</th> 
            <th>From</th> 
            <th>To</th> 
            <th>From</th> 
            <th>To</th> 
            <th>From</th> 
            <th>To</th> 
            <th>From</th> 
            <th>To</th> 
            <th>From</th> 
            <th>To</th> 

           </tr> 
          </HeaderTemplate> 
          <ItemTemplate> 
           <td><%# Container.DataItemIndex + 1 %></td> 
           <td><%#Eval("BranchID") %></td> 
           <td><%#Eval("fromDate") %></td> 
           <td><%#Eval("toDate") %></td> 
           <td><%#Eval("SundayIn") %></td> 
           <td><%#Eval("SundayOut") %></td> 
           <td><%#Eval("MondayIn") %></td> 
           <td><%#Eval("MondayOut") %></td> 
           <td><%#Eval("TuesdayIn") %></td> 
           <td><%#Eval("TuesdayOut") %></td> 
           <td><%#Eval("WednesdayIn") %></td> 
           <td><%#Eval("WednesdayOut") %></td> 
           <td><%#Eval("ThursdayIn") %></td> 
           <td><%#Eval("ThursdayOut") %></td> 
           <td><%#Eval("FridayIn") %></td> 
           <td><%#Eval("FridayOut") %></td> 
           <td><%#Eval("SaturdayIn") %></td> 
           <td><%#Eval("SaturdayOut") %></td> 
           <td> 
            <a class="aEdit" title="Edit" href='EditBranchTiming.aspx?Id=<%#Eval("BranchTimeEntryID") %>'>Edit</a> 
           </td> 
           <td> 
            <asp:LinkButton ID="lnkDelete" CssClass="aDelete" ToolTip="Delete" runat="server" CommandName="delete" OnClientClick=' javascript:return confirm("Are you sure you want to delete?"); ' 
             CommandArgument='<%# DataBinder.Eval(Container.DataItem, "BranchTimeEntryID") %>'>Delete</asp:LinkButton> 

           </td> 
          </ItemTemplate> 
         </asp:TemplateField> 
        </Columns> 
       </asp:GridView>

一个GridView但是，当它呈现在浏览器中不存在附加到我的网额外的空列。我无法弄清楚这个空行是如何附加的。

这是输出什么样子

Screenshot

和检查时，浏览器的代码是这样

<table class="mGrid" cellspacing="0" rules="all" id="ContentPlaceHolder1_gridBranchTiming" style="border-width:0px;width:100%;border-collapse:collapse;"> 
     <tbody><tr> 
      <th scope="col"> 
           </th><th rowspan="2">#</th> 
           <th rowspan="2">Branch ID</th> 
           <th rowspan="2">From</th> 
           <th rowspan="2">To</th> 
           <th colspan="2">Sunday </th> 
           <th colspan="2">Monday </th> 
           <th colspan="2">Tuesday </th> 
           <th colspan="2">Wednesday </th> 
           <th colspan="2">Thursday </th> 
           <th colspan="2">Friday </th> 
           <th colspan="2">Saturday </th> 
           <th rowspan="2">Edit</th> 
           <th rowspan="2">Delete</th> 
           </tr><tr> 
            <th></th> 
            <th>From</th> 
            <th>To</th> 
            <th>From</th> 
            <th>To</th> 
            <th>From</th> 
            <th>To</th> 
            <th>From</th> 
            <th>To</th> 
            <th>From</th> 
            <th>To</th> 
            <th>From</th> 
            <th>To</th> 
            <th>From</th> 
            <th>To</th> 

           </tr> 

     <tr> 
      <td> 
           </td><td>1</td> 
           <td>NBAD004</td> 
           <td>18/02/2015</td> 
           <td>24/02/2015</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td> 
            <a class="aEdit" title="Edit" href="EditBranchTiming.aspx?Id=6">Edit</a> 
           </td> 
           <td> 
            <a onclick=" javascript:return confirm(&quot;Are you sure you want to delete?&quot;); ;" id="ContentPlaceHolder1_gridBranchTiming_lnkDelete_0" title="Delete" class="aDelete" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$gridBranchTiming$ctl02$lnkDelete','')">Delete</a> 

           </td> 

     </tr><tr class="alt"> 
      <td> 
           </td><td>2</td> 
           <td>NBAD004</td> 
           <td>01/01/2014</td> 
           <td>31/12/2014</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td>11:00</td> 
           <td>14:00</td> 
           <td>00:00</td> 
           <td>00:00</td> 
           <td> 
            <a class="aEdit" title="Edit" href="EditBranchTiming.aspx?Id=1019">Edit</a> 
           </td> 
           <td> 
            <a onclick=" javascript:return confirm(&quot;Are you sure you want to delete?&quot;); ;" id="ContentPlaceHolder1_gridBranchTiming_lnkDelete_1" title="Delete" class="aDelete" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$gridBranchTiming$ctl03$lnkDelete','')">Delete</a> 

           </td> 

     </tr> 
    </tbody></table>

任何想法，以摆脱空列????

来源

2015-03-03 Sharon

尝试alluserstoaddrows属性为false。 – 2015-03-03 07:31:25

这不是你应该使用'GridView'的方式。每个模板创建一个'th'（HeaderTemplate）和'td'（ItemTemplate）。在所有可能的情况下，当前的设计输出浏览器自动更正的无效标记。你应该使用'asp：ListView'。你在你的项目中使用jQuery吗？ – naveen 2015-03-03 08:50:06

是的我在我的项目中使用jQuery – Sharon 2015-03-03 08:51:47

这是一个非常丑陋的破解这将解决您的问题。

$(document).ready(function(){ 
    $("table.mGrid th:first-child").remove(); 
    $("table.mGrid td:first-child").remove(); 
});

但是你必须真正使用像这样的ListView。

<asp:ListView ID="ListView1" runat="server" DataKeyNames="job_id" DataSourceID="SqlDataSource1"> 
    <LayoutTemplate> 
     <table> 
      <thead> 
       <tr runat="server"> 
        <th rowspan="2">#</th> 
        <th rowspan="2">Branch ID</th> 
        <th rowspan="2">From</th> 
        <th rowspan="2">To</th> 
        <th colspan="2">Sunday </th> 
        <th colspan="2">Monday </th> 
        <th colspan="2">Tuesday </th> 
        <th colspan="2">Wednesday </th> 
        <th colspan="2">Thursday </th> 
        <th colspan="2">Friday </th> 
        <th colspan="2">Saturday </th> 
        <th rowspan="2">Edit</th> 
        <th rowspan="2">Delete</th> 
       </tr> 
       <tr> 
        <th></th> 
        <th>From</th> 
        <th>To</th> 
        <th>From</th> 
        <th>To</th> 
        <th>From</th> 
        <th>To</th> 
        <th>From</th> 
        <th>To</th> 
        <th>From</th> 
        <th>To</th> 
        <th>From</th> 
        <th>To</th> 
        <th>From</th> 
        <th>To</th> 
       </tr> 
      </thead> 
      <tbody> 
      <tr runat="server" id="itemPlaceholder" /> 
      </tbody> 
     </table> 
    </LayoutTemplate> 
    <ItemTemplate> 
     <tr> 
      <td><%# Container.DataItemIndex + 1 %></td> 
      <td><%#Eval("BranchID") %></td> 
      <td><%#Eval("fromDate") %></td> 
      <td><%#Eval("toDate") %></td> 
      <td><%#Eval("SundayIn") %></td> 
      <td><%#Eval("SundayOut") %></td> 
      <td><%#Eval("MondayIn") %></td> 
      <td><%#Eval("MondayOut") %></td> 
      <td><%#Eval("TuesdayIn") %></td> 
      <td><%#Eval("TuesdayOut") %></td> 
      <td><%#Eval("WednesdayIn") %></td> 
      <td><%#Eval("WednesdayOut") %></td> 
      <td><%#Eval("ThursdayIn") %></td> 
      <td><%#Eval("ThursdayOut") %></td> 
      <td><%#Eval("FridayIn") %></td> 
      <td><%#Eval("FridayOut") %></td> 
      <td><%#Eval("SaturdayIn") %></td> 
      <td><%#Eval("SaturdayOut") %></td> 
      <td> 
       <a class="aEdit" title="Edit" 
        href='EditBranchTiming.aspx?Id=<%#Eval("BranchTimeEntryID") %>'>Edit</a> 
      </td> 
      <td> 
      <asp:LinkButton ID="lnkDelete" runat="server" 
       CommandArgument='<%# DataBinder.Eval(Container.DataItem, "BranchTimeEntryID") %>' 
       CommandName="delete" 
       CssClass="aDelete" 
       ToolTip="Delete" 
       OnClientClick=' javascript:return confirm("Are you sure you want to delete?"); '>Delete</asp:LinkButton> 
      </td> 
     </tr> 
    </ItemTemplate> 
</asp:ListView>

ASP.NET框架已经出台asp:ListView给在生成的标记更大的灵活性。另一种方法是使用GridView s RowCreated这样的事件。
链接：https://stackoverflow.com/a/18327885/17447

来源

2015-03-03 09:00:26 naveen

删除空行通过的GridView

回答

相关问题