ItemTemplate misplaced inside a table

Question

So, I tried to fill in a ItemRepeater inside a table. But I think there is some kind of error, in the indentation. Code is like this:

                                        <div class="card-body border-bottom bg-white">
                                            <asp:UpdatePanel ID="upFromHome" runat="server">
                                                <ContentTemplate>
                                                    <asp:ListView ID="lsHome" runat="server">
                                                        <LayoutTemplate>
                                                            <div class="col">
                                                                <table runat="server" id="tableHome" class="table-bordered table-striped mb-0 table table-responsive">
                                                                    <thead>
                                                                        <tr style="text-align: center; font-size: 12px;">
                                                                            <th scope="col">Employee Id</th>
                                                                            <th scope="col">Type</th>
                                                                            <th scope="col">Day</th>
                                                                            <th scope="col">Month</th>
                                                                            <th scope="col">Year</th>
                                                                            <th scope="col">Status</th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tr runat="server" id="itemPlaceholder">
                                                                </table>
                                                        </LayoutTemplate>
                                                        <ItemTemplate> //error is here
                                                            <tbody>
                                                                <tr runat="server" style="text-align: center; background-color: white; font-size: 11px;">
                                                                    <th runat="server" style="text-align: center;">
                                                                        <asp:Label ID="lblUsername" runat="server" Text='<%#Eval("username") %>'></asp:Label></th>
                                                                    <th runat="server" style="text-align: center;">
                                                                        <asp:Label ID="lblTipo" runat="server" Text='<%#Eval("tipo") %>' /></th>
                                                                    <td runat="server" style="text-align: left;">
                                                                        <asp:Label ID="lblDay" runat="server" Text='<%#Eval("fecha") %>' /></td>
                                                                    <td runat="server" style="text-align: left;">
                                                                        <asp:Label ID="lblMes" runat="server" Text='<%#Eval("regHorario") %>' /></td>
                                                                    <td runat="server" style="text-align: left;">
                                                                        <asp:Label ID="lblAno" runat="server" Text='<%#Eval("status") %>' /></td>
                                                                    <td runat="server" style="text-align: center;">
                                                                        <asp:Button runat="server" ID="status1" class="btn btn-success" Text="Approved" /></td>
                                                                </tr>
                                                            </tbody>
                                                        </ItemTemplate>
                                                    </asp:ListView>
                                    </div>
                                            </div>
                                </div>
                            </div>
                        </div>
                        </ContentTemplate>
                            </asp:UpdatePanel>

                        </div>

But even tho, the code behind in asp works well... I am getting an error in the frontend. This is the error:

System.Web.UI.HtmlControls.HtmlTableCellCollection debe tener elementos de tipo 'System.Web.UI.HtmlControls.HtmlTableCell'. 'ItemTemplate' es de tipo 'System.Web.UI.HtmlControls.HtmlGenericControl'.

Apparently it is misplaced in some div node, but this is the first time I am getting this error.

Answer 1

You started an ItemTemplate without first declaring the table. So:

      <ItemTemplate> //error is here
       <tbody>
       <tr runat="server" style="text-align: center; background-color: white; font-size: 11px;">

the correct thing is to declare the table first:

<ItemTemplate> //error is here  
 <table>
  <thead>
    <tr>
      <th></th>
    </tr>
  </thead>
  <tbody>
   <tr runat="server" style="text-align: center; background-color: white; font-size: 11px;">
    </tr>
        ...
   </tbody>
 </table>