我正在遵循将文件导出添加 buttons到现有 DataTable 的指南。
但是当我运行 asp 解决方案时，导出按钮按预期工作，但它们不能正确呈现，只显示按钮的文本。
我已经重新检查了脚本引用的顺序，这些引用反映了上面链接的指南的设置。
问题：
为了呈现 DataTable 按钮，脚本的正确顺序是什么？
它们在运行时的样子：
他们应该是什么样子：
脚本和 HTML（要点）：
@model System.Data.DataTable
<div class="container">
<hr/>
<div class="form-group">
<div class="table-responsive">
<div class="table-responsive" id="datatable-wrapper">
<style>
#escalation tr > *:nth-child(1) {
display: none;
}
</style>
<table id="escalation" class="table table-striped table-bordered" cellspacing="0" width="100%">
<thead>
<tr>
@foreach (System.Data.DataColumn col in Model.Columns)
{
<th style="font-size: 12px; border-right: 1px solid #7591ac; ">@col.Caption</th>
}
<th style="font-size: 12px; border-right: 1px solid #7591ac; ">Details</th>
<th style="font-size: 12px; border-right: 1px solid #7591ac; ">Delete</th>
</tr>
</thead>
<tbody>
@foreach (System.Data.DataRow row in Model.Rows)
{
<tr>
@foreach (var cell in row.ItemArray)
{
<td style="font-size:11px">@cell.ToString()</td>
}
<td><button type="submit" style="background-color: #0CA281;" class="btn btn-success details">Details</button></td>
<td><button type="submit" class="btn btn-danger delete">Delete</button></td>
</tr>
}
</tbody>
</table>
</div>
</div>
</div>
</div>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.1/js/buttons.flash.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.1/css/buttons.dataTables.min.css"></script>
<script src="https://cdn.datatables.net/buttons/1.2.1/js/dataTables.buttons.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
<script src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js"></script>
<script src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.1/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.1/js/buttons.print.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
$(document).ready(function () {
var historyTable = $('#escalation').DataTable({
"order": [[6, "desc"]],
buttons: [
'copy', 'csv', 'excel', 'pdf', 'print'
],
"sSwfPath": "../Content/dataTables/swf/copy_csv_xls.swf"
});
historyTable.buttons().container()
.insertAfter( '#datatable-wrapper' );
});
</script>