如何解决数据表-同一页上有多个表,但只有一个附加按钮
我正在使用semantic-ui
并有2个表,只有最上面的表附加了按钮:
头
<link rel="stylesheet" type="text/css" href="{% static 'default/Semantic-UI-CSS-master/semantic.css' %}"/>
<link rel="stylesheet" type="text/css" href="{% static 'default/dataTables.semanticui.min.css' %}"/>
<link rel="stylesheet" type="text/css" href="{% static 'default/buttons.semanticui.min.css' %}"/>
<script src="{% static 'default/jquery-3.3.1.js' %}"></script>
<script src="{% static 'default/jquery.dataTables.min.js' %}"></script>
<script src="{% static 'default/dataTables.semanticui.min.js' %}"></script>
<script src="{% static 'default/semantic.min.js' %}"></script>
<script src="{% static 'default/Semantic-UI-CSS-master/semantic.js' %}"></script>
<script type="text/javascript" src="{% static 'DataTables/JSZip-2.5.0/jszip.min.js' %}"></script>
<script type="text/javascript" src="{% static 'DataTables/pdfmake-0.1.36/pdfmake.min.js' %}"></script>
<script type="text/javascript" src="{% static 'DataTables/pdfmake-0.1.36/vfs_fonts.js' %}"></script>
<script type="text/javascript" src="{% static 'DataTables/Buttons-1.6.3/js/dataTables.buttons.min.js' %}"></script>
<script type="text/javascript" src="{% static 'DataTables/Buttons-1.6.3/js/buttons.semanticui.min.js' %}"></script>
<script type="text/javascript" src="{% static 'DataTables/Buttons-1.6.3/js/buttons.colVis.min.js' %}"></script>
<script type="text/javascript" src="{% static 'DataTables/Buttons-1.6.3/js/buttons.flash.min.js' %}"></script>
<script type="text/javascript" src="{% static 'DataTables/Buttons-1.6.3/js/buttons.html5.min.js' %}"></script>
<script type="text/javascript" src="{% static 'DataTables/Buttons-1.6.3/js/buttons.print.min.js' %}"></script>
表格:
<table class="ui selectable very compact celled striped table">
-- table #1--
</table>
<table class="ui selectable very compact celled striped table">
-- table #2--
</table>
我的JavaScript:
$(document).ready(function() {
var table = $('table.ui').DataTable( {
"paging": false,"lengthChange": true,"buttons": [ 'copy','excel','print','colvis' ]
} );
table.buttons().container()
.appendTo( $('div.eight.column:eq(0)',table.table().container()) );
} );
我尝试使用以下建议未成功:
datatable - multiple tables on same page,but only one is responding
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。