返回 f 的 ColdFusion dataTable 未定义

Question

我正在将dataTable添加到我的coldFusion项目中，但它返回： 未捕获的类型错误： 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可处理设置中缺少某些内容怎么办？

谢谢

Answer 1

问题不在于您的 Coldfusion 代码，而在于您的<tfoot>内容的结构。tfoot中的列数与表其余部分中的列数不匹配。甚至你tfoot中的两个tr

也不匹配。暂时注释掉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 () { ...