返回f的ColdFusion dataTable未定义

如何解决返回f的ColdFusion dataTable未定义

我正在将dataTable添加到我的coldFusion项目中，但它返回：未捕获的TypeError：f未定义

代码：

<table id="webPosttable" cellpadding="5" cellspacing="0">
    <thead>
        <tr>
            <th>DATE</th>
            <th>CK</th>
            <th>NAME</th>
            <th>IN</th>
            <th>RATE</th>
            <th>COST</th>
        </tr>
    </thead>
    <tbody>
    <cfoutput query="myQuery">
        <cfset totalreportin = totalreportin + val(counter)>
        <cfset totalreportcost = rate*counter + totalreportcost>
        <tr>
            <TD>#inserteddate#</TD>
            <TD>#ck#</TD>
            <TD>#fullname#</td>
            <TD><a href="link.cfm?d=#inserteddate#&ck=#ck#"  target="_blank">#counter#</a></TD>
            <td>#decimalformat(rate)#</td>
            <td>#dollarformat(rate*counter)#</td>
        </tr>
    </cfoutput>
    </tbody>
    <tfoot>
        <cfoutput>
        <tr>
            <TD colspan="3">TOTAL:</TD><td>#totalreportin#</td><TD></td><td>#dollarformat(totalreportcost)#</td>
            <TD colspan="3">AVERAGE:</TD><td><Cfif incomingreport.recordcount GT 0>#decimalformat(val(totalreportin/incomingreport.recordcount))#<Cfelse>0</CFIF></td>
        </tr>
        <tr>
            <td></td><td><Cfif totalreportin GT 0>#dollarformat(totalreportcost/totalreportin)#<cfelse>0</cfif></td>
        </tr>
        </cfoutput>
    </tfoot>
</table>

<script>
        $('#webPosttable').DataTable({
            "lengthChange": false,"paging": false,"bInfo" : false,"dom": '<"pull-left"f><"pull-right"l>tip'
        });
</script>

有人知道我的表结构或javascript数据设置中缺少什么吗？

谢谢

解决方法

问题不会出在您的Coldfusion代码中，而将是您的<tfoot>内容的结构。 tfoot中的列数与表的其余部分中的列数不匹配。即使您的tr中的两个tfoot彼此都不匹配。

暂时注释tfoot以测试它是否可以工作，然后平衡各列并将其放回去。

例如：

<tfoot>
    <cfoutput>
    <tr>
        <TD>TOTAL:</TD>
        <td>#totalreportin#</td>
        <td></td>
        <td>#dollarformat(totalreportcost)#</td>
        <TD>AVERAGE:</TD>
        <td><Cfif incomingreport.recordcount GT 0>#decimalformat(val(totalreportin/incomingreport.recordcount))#<Cfelse>0</CFIF></td>
    </tr>
    <tr>
        <td colspan="5"></td>
        <td><Cfif totalreportin GT 0>#dollarformat(totalreportcost/totalreportin)#<cfelse>0</cfif></td>
    </tr>
    </cfoutput>
</tfoot>

如果在那之后您仍然有错误，那么我建议您更新问题以包括显示您要包括的jQuery + datatables版本以及在何处以及如何包括它的代码。您可能还需要将脚本包装在$(document).ready( function () { ...

中