使用Jquery的Meteorjs HTML表过滤器

时间:2016-11-25 13:21:05

标签: jquery html meteor html-table filtering

我想使用MongoDB数据库过滤Meteor中的HTML表格。

我有一个模板显示(每个)HTML表格中的所有游乐设施。

我想实现一个jquery选择过滤器来过滤表。

<template name="rides">
<div class="table-responsive">
<table id="table_format" class="table table-striped">
<thead>
<tr>
<th>Abfahrtsort</th>
<th>Zielort</th>
<th>Gesucht werden</th>
<th>Datum</th>
<th>Plätze</th>
<th>Kommentar</th>
</tr>
</thead>

<tbody>
{{#each rides}}
<tr>

<td>{{departure}}</td>
<td>{{destination}}</td>
<td>{{searching}}</td>
<td>{{dateandtime}}</td>
<td>{{seats}}</td>
<td>{{comment}}</td>
<td>{{#if currentUser}}<button class="edit">Bearbeiten</button>{{/if}}</td>

</tr>
{{/each}}
</tbody>
</table>
</div>

<script src="jquery-1.11.3.min.js"></script>
<script src="ddtf.js"> </script>
<script>
jQuery('#table_format').ddTableFilter();
</script>`

它不会在表格中显示我的数据,也不会显示过滤器。

1 个答案:

答案 0 :(得分:0)

尝试在jQuery的文档就绪方法

中使用ddTableFilter()
$(document).ready(function(){

   jQuery('#table_format').ddTableFilter();

});