Question

也许有人可以帮助我。调用页面时，不显示排序，分页等。我只在浏览器中收到此错误：<int:bridge input-channel="pollable" output-channel="subscribable"> <int:poller max-messages-per-poll="10" fixed-rate="5000"/>。

JQuery绑定在TypeError: $ (...) DataTable is not a function。

抱歉我的英语不好;我希望我已经提供了你需要的所有信息。

ASP：

Layout.master

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">

Answer 1

请参考下面的代码可以提供一些帮助。

<asp:Repeater ID="YourRepeaterId" runat="server">
                                            <HeaderTemplate>
                                                <table class="table table-striped table-bordered table-hover" id="TableId">
                                                    <thead>
                                                        <tr style="background-color:#1261A6 ;color:white">
                                                            <th>Column Name</th>
                                                            <th>Column Name</th>
                                                        </tr>
                                                    </thead>
                                            </HeaderTemplate>
                                            <ItemTemplate>
                                                <tr>
                                                    <td>
                                                        <asp:Label ID="lblTitle" runat="server" Text='<%# Eval("Column1") %>' />
                                                    </td>
                                                    <td>
                                                        <asp:Label ID="lblNoOfInvestigation" runat="server" Text='<%# Eval("Column2") %>' />
                                                    </td>
                                                </tr>
                                            </ItemTemplate>
                                        </asp:Repeater>

然后添加下面的jquery代码。

<script src="jquery.dataTables.min.js"></script>
<link href="jquery.dataTables.min.css" rel="stylesheet" />
<script type="text/javascript">
    $(document).ready(function () {
        $('#TableId').DataTable({
            "paging": true,
            fixedHeader: true,
            scrollY: '60vh',
            scrollX: true,
            scrollCollapse: true
        })
    });
</script>

asp转发器和jquery.dataTable

1 个答案: