3

我正在使用的代码是使用 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>

{{#每个这个}}

<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>

{{/每个}}

4

0 回答 0