【问题标题】:Meteor jQuery DataTable increasing sizeMeteor jQuery DataTable 增加大小
【发布时间】:2016-01-04 00:03:26
【问题描述】:

我在 Meteor 上使用了 jQuery DataTables 插件并取得了相当大的成功(不使用任何包)。 我有一个特定的表来监视不断插入的集合。新插入时发生的情况是数据表只是添加了一个新行并无限期地增长,忽略了页面限制(每页 10 行,当这种情况发生时它只会添加 11、12、13...)。

我的表结构如下:

                    <table id="data-table-1">
                        <thead>
                            <tr>
                                <th>Time</th>
                                <th>Data</th>
                            </tr>
                        </thead>
                        <tbody>
                            {{#each getData}}
                            <tr>
                                <td>{{unixtime}}</td>
                                <td>{{Data}}</td>
                            </tr>
                            {{/each}}
                        </tbody>
                    </table>

如果我可以监听添加新 &lt;tr&gt; 的事件,我想我可以重新绘制表格。

【问题讨论】:

  • 我们可以看看一些代码吗?

标签: jquery meteor datatable


【解决方案1】:

没有看到您的代码就很难提供帮助。但是,请从the Docs查看此信息:

使用 row.add() API 方法可以很容易地将新行添加到 DataTable。只需使用要用于新行的数据(无论是数组还是对象)调用 API 函数。可以使用 rows.add() 方法添加多行(注意复数)。同样可以使用 row().data() 和 row().remove() 方法更新数据。

请注意,要查看表格中的新行,您必须调用 draw() 方法,这可以通过 DataTables API 使用的链接轻松完成。

另外,由于您使用的是 Meteor,请查看

https://github.com/LumaPictures/meteor-jquery-datatables

https://jquery-datatables.meteor.com/examples/reactive-query

我自己没有使用过 Meteor,但这看起来像你需要的。

【讨论】:

  • 我现在要做的是找到将新 添加到表中的事件。如果我可以听那个事件然后重新绘制表格,我想我会没事的......
  • 我花了一些时间使用一个类似的包,表格,我知道我可以使它与包一起工作。只是我的项目有很多以这种方式实现的表,一旦我添加了一个数据表包,它通常会与其他表的格式不一致。我相信有一个简单的方法可以只使用插件来做到这一点,但我还没有找到它。
猜你喜欢
相关资源
最近更新 更多
热门标签