Twitter bootstrap 可引导isn'；不要让桌子互动

我正在尝试使用扩展引导表代码创建一个奇特的表，如下所示：

这是一个非常受欢迎的项目，但是这个表在任何方面都不是交互式的，我也不知道为什么。 奇怪的是，bootstraptable Js将数据放入html表中：

 $(function () {
        $('#datatable').bootstrapTable({
            striped: true,
            pagination: true,
            showColumns: true,
            showToggle: true,
            showExport: true,
            sortable: true,
            paginationVAlign: 'both',
            pageSize: 25,
            pageList: [10, 25, 50, 100, 'ALL'],
            columns: [{'field': 'Name', 'title': 'Name'}, {'field': 'Age', 'title': 'Age'}],  // here is where we use the column content from our Django View
            data: [{"Name":"Alex","Age":10},{"Name":"Bob","Age":12},{"Name":"Clarke","Age":13}] // here is where we use the data content from our Django View. we escape the content with the safe tag so the raw JSON isn't shown.
        });
    });

因此，在HTML中生成表的事实应该意味着bootstrapTable代码正在运行。但是这些奇特的功能（分页、排序）都不起作用

工作示例：

---

我认为您遇到的问题是，您只是忘记了包含Bootstrap的CSS。您有它的JavaScript组件，但没有包含CSS，所有样式都无法应用

$（函数（）{
$（“#数据表”）.bootstrapTable({
条纹：是的，
分页：正确，
展示栏：没错，
是的，
showExport：没错，
可排序：是的，
paginationVAlign:'两个'，
页面大小：25，
页面列表：[10,25,50,100，‘全部’]，
列：[{'field'：'Name'，'title'：'Name'}，{'field'：'Age'，'title'：'Age'}]，//这里是我们使用Django视图中的列内容的地方
数据：[{“Name”：“Alex”，“Age”：10}，{“Name”：“Bob”，“Age”：12}，{“Name”：“Clarke”，“Age”：13}]//这里是我们从Django视图中使用数据内容的地方。我们用安全标记转义内容，这样就不会显示原始JSON。
});
});
我认为您遇到的问题是，您只是忘记了包含Bootstrap的CSS。您有它的JavaScript组件，但没有包含CSS，所有样式都无法应用



$（函数（）{
$（“#数据表”）.bootstrapTable({
条纹：是的，
分页：正确，
展示栏：没错，
是的，
showExport：没错，
可排序：是的，
paginationVAlign:'两个'，
页面大小：25，
页面列表：[10,25,50,100，‘全部’]，
列：[{'field'：'Name'，'title'：'Name'}，{'field'：'Age'，'title'：'Age'}]，//这里是我们使用Django视图中的列内容的地方
数据：[{“Name”：“Alex”，“Age”：10}，{“Name”：“Bob”，“Age”：12}，{“Name”：“Clarke”，“Age”：13}]//这里是我们从Django视图中使用数据内容的地方。我们用安全标记转义内容，这样就不会显示原始JSON。
});
});