bootstrap-table显示No matching records found

很久不做前端了，今天写table的时候发生点问题。引bootstrap-table.js以后，在js配置假数据，表格就一直不显示数据；
基础写法：

var tableColumns = [
    {field: 'name', title: '序号', sortable: true},
    {field: 'number', title: '编号', sortable: true}
];

var mydata=[
    {name:"aaaa",number:1111},
    {name:"bbbb",number:2222}
];

$('#filetable').bootstrapTable({//表格初始化
    columns: tableColumns,  //表头
    data:mydata, //表格中的数据,这是从本地取得数据，如果是从后台取数据，就应该改为后台地址
    
});

去官网查了一下，发现在html中需要加上data-toggle的配置

<table id="filetable" data-toggle="table"></table>

这次显示了，但是没有显示我的数据，而是显示了No matching records found
查了一个小时，网上都说是分页的锅，但我根本没分页；
后来问了前端，才知道js引用应该写在html最下面，加载完dom再加载js，可怜我之前竟然一直不知道，所有的css和js引用全写到head里了
前端可真棒！