如何解决Vue JS中的DataTable问题
我已经在Vue组件中添加了DataTable。通过第一个API调用设置表标题/列名称,并使用另一个API调用设置数据。一切正常。但是,绘制数据后,它在“标题”列下方显示了一个空白行。它以前不存在(如果我们在静态调用中执行此操作,则完美显示)。在Vue中,我仍在使用jQuery绘制DataTable。
<div class="col-md-12 col-sm-12">
<table id="datatable" class="table table-striped table-bordered" style="width:100%">
<thead>
<tr>
<th v-for="(value,key) in listables">{{value}}</th>
</tr>
</thead>
</table>
</div>
$(document).ready(function () {
$('#datatable').DataTable({
dom: "Bfrtip",buttons: ['pageLength',{
extend: "copy",className: "btn-md"
},{
extend: "csv",],"responsive": true,"columnDefs": [{"targets": 0,"orderable": false}],"aaSorting": [[0,'desc']],"processing": true,"serverSide": true,"ajax": {
url: datatableUrl,"data": filter_data
},"columns": columns,"bDestroy": true
});
});
我正在附上一张截图,标出了额外的一行。我要删除的行。如果我删除该行,它也会破坏过滤器等。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。