Question

我在一个直放站中有一个直放站，并且我都将其初始化为数据表，而嵌套的那个都无法正常工作，它显示了第一行中的元素，但是没有任何作用，分页或过滤器以及其他行都没有分页，过滤器等...

这是来源：

 <asp:Repeater ID="rptArquivo" runat="server" OnItemDataBound="rptArquivo_ItemDataBound">
                    <headertemplate>
                    <table id="tblArquivo" class="table table-bordered table-hover text-center">
                        <thead>
                            <tr>
                                <th></th>
                                <th>ID</th>
                                <th>Nome</th>
                                <th>Armazem</th>
                                <th>Data</th>                                  
                            </tr>
                        </thead>
                </headertemplate>
                    <itemtemplate>
                    <tr>
                        <td>
                              <img alt="" style="cursor: pointer" src="../../Images/Collapse/plus.png" width="20" />
                                    <asp:Panel ID="pnlArquivoLocalizacoes" runat="server" Style="display: none">
                                        <asp:Repeater ID="rptArquivoLocalizacoes" runat="server">
                                            <HeaderTemplate>
                                                <table id="tblArquivoLocalizacoes" class="table table-bordered table-hover dataTable">
                                                    <thead>
                                                        <tr>
                                                            <th>ID</th>
                                                            <th>Localização</th>
                                                            <th>Etq. Por Inventariar</th>
                                                            <th>Etq. Inventariadas</th>
                                                            <th>Precisão</th>
                                                        </tr>
                                                    </thead>
                                            </HeaderTemplate>
                                            <ItemTemplate>
                                                <tr>
                                                    <td>
                                                        <asp:Label ID="lblIdlocalizacao" runat="server" Text='<%# Eval("IdArquivoLocalizacao") %>' />
                                                    </td>
                                                    <td>
                                                        <asp:Label ID="lblLocalizacao" runat="server" Text='<%# Eval("Localizacao") %>' />
                                                    </td>
                                                    <td>
                                                        <asp:Label ID="lblEtiquetasPorInventariar" runat="server" Text='<%# Eval("EtiquetasPorInventariar") %>' />
                                                    </td>
                                                    <td>
                                                        <asp:Label ID="lblEtiquetasInventariadas" runat="server" Text='<%# Eval("EtiquetasInventariadas") %>' />
                                                    </td>
                                                    <td>
                                                        <asp:Label ID="lblPrecisao" runat="server" Text='<%# Eval("Precisao") %>' />
                                                    </td>
                                                </tr>
                                            </ItemTemplate>
                                            <FooterTemplate>
                                                </table>
                                            </FooterTemplate>
                                        </asp:Repeater>
                                    </asp:Panel>
                        </td>
                        <td>
                            <asp:Label ID="lblIdArquivo" runat="server" Text='<%# Eval("IdArquivo") %>' />
                        </td>
                         <td>
                            <asp:Label ID="lblColaborador" runat="server" Text='<%# Eval("Nome") %>' />
                        </td>
                         <td>
                            <asp:Label ID="lblArmazem" runat="server" Text='<%# Eval("Armazem") %>' />
                        </td>
                         <td>
                            <asp:Label ID="lblData" runat="server" Text='<%# Eval("Data") %>' />
                        </td>                            
                    </tr>
                </itemtemplate>
                    <footertemplate>
                    </table>
                </footertemplate>
                </asp:Repeater> ~

在这里我初始化表：

$(document).ready(function () {
    $('#tblArquivo').DataTable()
    $('#tblArquivoLocalizacoes').DataTable()
});

如何解决此问题，以便可以使用jquery显示嵌套转发器上的每一行？

编辑

我设法通过将初始化程序更改为类而不是标识符来解决显示jquery datatable元素的问题

$(document).ready(function () {
    $('#tblArquivo').DataTable()
    $('.nestedrepeater').DataTable()
});

但是，仍然存在问题。 jQuery功能在嵌套的转发器，嵌套，搜索等内部将无法使用...

Answer 1

向嵌套表添加类。

<table id="tblArquivoLocalizacoes" class="table nestedDT table-bordered table-hover dataTable">

然后初始化。

$(document).ready(function () {
     $('#tblArquivo').DataTable();
     $('.nestedDT').DataTable();
});

嵌套转发器中的jQuery数据表

1 个答案: