如何用车把做足部工作

Question

我正在使用的代码是使用handlebar.js来创建表。现在我想使用footable使其响应。但是，footable不起作用...可能它无法识别脚本标记内的表头。

我的代码看起来像这样

<div class="table-responsive" style="overflow: auto; max-height: auto">
<table class="table table-striped provReportsTable footable toggle-medium">

    <script id="provider_reports_templ" type="x-handlebars-template">
<tr>
    <th data-hide="phone,tablet">Bill No.</th>
    <th data-toggle="true">Patient Name</th>
    <th>Paid Amount</th>
    <th data-hide="phone,tablet">Payment Date</th>
    <th data-hide="phone,tablet">Payment Mode</th>
    <th data-hide="phone,tablet">Claim ID</th>
    <th data-hide="phone,tablet"></th>
</tr>

{{＃each this}}}

<tr id="initialRow{{ count }}" attr="{{ count }}" class="initialRow">
    <td> {{ BillNumber }} </td>
    <td class="blue"> {{ Name }} </td>
    <td>{{ Currency }}{{ Amount }}</td>
    <td> {{ PaymentDate }} </td>
    <td> {{ PaymentMode }} </td>
    <td> {{ClaimID}} </td>
    <td>
        <span class="actionbox view" title="View"><span class="Icon viewIcon"></span></span>
        <span class="actionbox print" title="Print"><span class="Icon printIcon"></span></span>
    </td>
</tr>
<tr id="detailRow{{ count }}" attr="{{ count }}" class="detailRow">
    <td> {{ BillNumber }} </td>
    <td class="blue">
        {{ Name}}
    </td>
    <td>${{ Amount }}</td>
    <td> {{ PaymentDate }} </td>
    <td> {{ PaymentMode}} </td>
    <td> {{ClaimID}} </td>
    <td>
        <span class="actionbox view" title="View"><span class="Icon viewIcon"></span><span class="Icontxt">View</span></span><br />
        <span class="actionbox print" title="Print"><span class="Icon printIcon"></span><span class="Icontxt">Print</span></span><br />
    </td>
</tr>

{{/每}}