试图创建一个按列过滤表。为什么我的js无法正常工作？

Question

我是编码的新手，正在尝试创建一个可以过滤每列的表。我已经从JSFiddle资源中整理了这段代码，并且在他们的网站上可以很好地工作，但是我无法在其他任何地方使用它。它引用了一个外部js，我认为这可能是错误的地方。

以下是原始资源的链接： http://jsfiddle.net/eCqG3/3229/

这是我的版本：

var table2_Props = {
  col_0: "select",
  col_1: "select",
  col_2: "select",
  col_3: "select",
  display_all_text: " [ Show all ] ",
  sort_select: true
};
var tf2 = setFilterGrid("table2", table2_Props);

	table.table2 {
	background-color: #ffffff;
    color: #4e4e4e;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;

<script src="http://tablefilter.free.fr/TableFilter/tablefilter_all_min.js"></script>
<p>Add a drop-down filter, define its first option, sort it and remove a filter</p>
<table id="table2" cellpadding="0" cellspacing="0">
  <tr>
    <th>Account Type</th>
    <th>Form Name</th>
    <th>Form Type</th>
    <th>Account Name</th>
    <th>Special Instructions</th>
  </tr>
  
  
  

</table>

非常感谢您的帮助-我真的被困住了！

Answer 1

您的脚本正在DOM就绪之前执行。

将脚本放置在</body>末尾标记之前，或使用以下代码：

document.addEventListener("DOMContentLoaded", function(event) { 
  // your js code
});

Answer 2

JavaScript无法加载。