我在asp.net web api项目中使用Bootstrap数据表。所以我必须通过给定的链接从互联网上引用几个javascript文件。其中之一是:
https://cdn.datatables.net/1.10.13/js/dataTables.bootstrap.min.js
我正在考虑将代码转移到我自己的JS文件中,以便即使没有互联网连接也可以访问代码。因为当没有互联网连接并且我尝试运行我的项目时,表格显示不好。
但问题是,当我创建一个JS文件并从互联网上复制代码并运行我的项目时,它无效。表格显示不佳。这是为什么?
答案 0 :(得分:0)
简单地复制粘贴javascript将无法完成工作。确保您已创建类似于以下的html表:
<table id = "example" class="table table-striped table-bordered" cellspacing="0" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
<tr>
<td>Garrett Winters</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>63</td>
<td>2011/07/25</td>
<td>$170,750</td>
</tr>
</tbody>
</table>
然后问插件(你已经下载的javascript)做这样的魔术(我给它作为jquery选择器的id):
$(document).ready(function() {
$('#example').DataTable();
} );
除了上述内容之外,我不确定您在哪里看到了您所期望的表格,但上述代码不会使表格与您期望的表格完全相同。为此,您还需要提供CSS。 CSS也可能是您从中获取javascript代码的地方。