knockOutを使用して、ページ内のテーブルの数を可変にしようとしています。すべて正常に動作しますが、フッタブルは機能しません。ノックアウトで単一のテーブルを作成すると、フッタブルが正常に機能します。これは、ノックアウトを使用した可変数のテーブルのコードです
<div data-bind="foreach: { data: TablesData, afterRender: function(){}}">
<table data-bind="attr: { id: 'table'+t_id }" class="footable table">
<thead>
<th>Date</th>
<th>Total Inspected</th>
<th>QTY Certified</th>
<th>Total Defects</th>
<th data-hide="phone">Other Defects</th>
<th data-hide="phone,tablet">Rework Count</th>
<th data-hide="phone,tablet">Comment</th>
</thead>
<tbody data-bind="foreach: { data: t_bodyData, afterRender: function(){}} ">
<tr>
<td data-bind="text: date"></td>
<td data-bind="text: inspected"></td>
<td data-bind="text: certified"></td>
<td data-bind="text: rejected"></td>
<td data-bind="text: other"></td>
<td data-bind="text: rework"></td>
<td data-bind="text: comment"></td>
</tr>
</tbody>
</table>
フッタブルで動作させるにはどうすればよいか教えてください。