javascript - 如何在asp gridview中使用<EmptyDataTemplate>

Question

我有一个网格如下

<asp:GridView ID="gvFgOrder" runat="server" AutoGenerateColumns="false">
    <EmptyDataTemplate>
       <thead>
            <tr>
                <th>Order ID</th>
                <th>Total Price</th>
            </tr>
            <tr>
               <td colspan="2" style="text-align: center">No records found</td>
            </tr>
       </thead>
    </EmptyDataTemplate>
    <Columns>
        <asp:BoundField HeaderText="Order ID" DataField="OrderID" />
        <asp:BoundField HeaderText="Total Price" DataField="TotalPrice" />
    </Columns>
</asp:GridView>

当数据源不为空时，数据将播种在 <table><tbody> 中正如预期的那样

只要数据源为空，就会呈现空模板。但问题是 <tbody> 中添加了一个空行标记为

<table>
    <thead>
        <tr>
                 <td>Order ID</td>
                 <td>Total Price</td>
        </tr>
        <tr>
                 <td colspan="2">No records found</td>
        </tr>
   </thead>
   <tbody>
          <tr><td></td><tr>                  
   </tbody>  
</table>

如何从正文中删除该表行。我已将点击监听器附加到 <tbody> <tr> 因此在 javascript 中需要不必要的小心。

我该如何解决这个问题？
这是使用 <EmptyDataTemplate> 的正确方法吗？ ？

我的目标是当数据源为空时显示如下

Answer 1

我建议您在空数据模板中使用 div 而不是 thead 和 tr 标签。