使用外部过滤器的tablefilter js

Question

我正在尝试在grails Web应用程序（http://www.tablefilter.com/external-filters.html）中实现tablefilter.js。我正在遵循他们在网站上提供的格式。但是当我尝试从onclick调用tf.filter函数时，它给了我tf未定义的错误。

<input id="btnFlt" value="Filter" type="button" class="btn btn-default" onclick="tf.filter();"



<g:javascript library=jquery>  $( function() {
            var filtersConfig = {

                col_0: "multiple",
                col_1: "select",
                col_2: "checklist",
                col_4: "none",
                col_8: "none",
                /* external filters */
                external_flt_ids: [

                    'slcYear'

                ],
                /* sorting feature */
                extensions: [{ name: 'sort' }]
            };

            var tf = new TableFilter(demo,filtersConfig);


            // Ininialiaze TableFilter instance
            tf.init();

        } );`