Jquery 列表视图中的数据表不工作

Question

这是我的代码。

输出为"No data available in table"。我非常感谢并提前感谢它。我也尝试将数据表代码放在列表视图的布局模板中。

   <table id="example" class="display">
    <thead>
        <tr>
            all columns 
        </tr>
    </thead>
    <tfoot>
        <tr>
           all columns
        </tr>
    </tfoot>
    <tbody>

        <asp:ListView ID="lstfinance" runat="server">
            <LayoutTemplate>
                <asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder>
            </LayoutTemplate>
            <ItemTemplate>
                <tr>
                    <td>Charde Marshall</td>
                    <td>Regional Director</td>
                    <td>San Francisco</td>
                    <td>36</td>
                    <td>2008/10/16</td>
                    <td>0,600</td>

                </tr>
            </ItemTemplate>
        </asp:ListView>
    </tbody>
</table>
<script>
    $(document).ready(function () {
        $('#example').DataTable();
    });
</script>

Answer 1

你的代码没有工作，因为它没有数据绑定，所以它是空的。这是一个解决方案，可以帮助您直到其数据绑定

所以在后面的代码中：

    protected void Page_Load(object sender, EventArgs e)
    {
        lstfinance.DataBind();
    }

并且在内容页面中：

<table id="example" class="display">
    <thead>
        <tr>
           <th>Name</th>
           <th>Position</th>
            <th>City</th>
            <th>Age</th>
            <th>Start</th>
            <th>Salary</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
           <th>Name</th>
           <th>Position</th>
            <th>City</th>
            <th>Age</th>
            <th>Start</th>
            <th>Salary</th>
        </tr>
    </tfoot>
    <tbody>

        <asp:ListView ID="lstfinance" runat="server">
            <LayoutTemplate>
                <asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder>
            </LayoutTemplate>


            <EmptyDataTemplate>
                  <tr>
                    <td>Charde Marshall</td>
                    <td>Regional Director</td>
                    <td>San Francisco</td>
                    <td>36</td>
                    <td>2008/10/16</td>
                    <td>0,600</td>
                </tr>
            </EmptyDataTemplate>


            <ItemTemplate>
                  <tr>
                    <td>Charde Marshall</td>
                    <td>Regional Director</td>
                    <td>San Francisco</td>
                    <td>36</td>
                    <td>2008/10/16</td>
                    <td>0,600</td>
                </tr>
            </ItemTemplate>
        </asp:ListView>
    </tbody>
</table>

Jquery 列表视图中的数据表不工作

Jquery datatable in listview is not working

jquery

datatables

listviewitem