Question

我正在使用Meteor构建应用程序。我正在使用jquery datatables插件来呈现数据表。

https://www.datatables.net/

加载我的表时，会加载所有数据，而不是默认的“显示10个条目”。此外，当我单击要排序的列时，所有数据都会消失并变为“表中没有数据”。

这是我的HTML：

<template name="Tires">
<head>
    <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.6/css/jquery.dataTables.css">
    <script type="text/javascript" charset="utf8" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.6/js/jquery.dataTables.js"></script>
</head>
<script>
    //$(document).ready( function () {
        //$('#tires').DataTable();
    //});
</script>
            <h1>tires</h1>
            <br>
            <table id="tires">
                <thead>
                    <tr>
                        <th>Brand</th>
                    </tr>
                </thead>
                <tbody>
                    {{#each products}}
                    <tr>
                        <td>{{brand}}</td>
                    </tr>
                    {{/each}}
                </tbody>
            </table>
</template>

这是我的模板助手页面：

Template.Tires.onRendered(function() {
    $('#tires').DataTable();
    alert('rendred!');
});

注意 - 出于开发目的，我现在只展示“品牌”专栏......有没有人知道可能会发生什么？

jQuery数据表无法正确显示数据

0 个答案: