数据表插件css不工作

dataTable plugin css not working

本文关键字:工作 css 插件 数据表      更新时间:2023-09-26

在我的代码css不工作。

<script src="//cdn.datatables.net/1.10.0/js/jquery.dataTables.js" type="text/javascript"></script>
<script src="<?php echo base_url(); ?>js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="//cdn.datatables.net/tabletools/2.2.1/js/dataTables.tableTools.js" type="text/javascript"></script>
<script src="//cdn.datatables.net/tabletools/2.2.1/js/dataTables.tableTools.min.js" type="text/javascript"></script>

以上都是js文件。

<link src="http://cdn.datatables.net/1.10.0/css/jquery.dataTables.css" rel="stylesheet"   type="text/css">
<link src="//cdn.datatables.net/tabletools/2.2.1/css/dataTables.tableTools.css" rel="stylesheet" type="text/css">

这些是我使用的CSS链接。导出到xls/pdf也不能正常工作。Jquery代码如下:

$(document).ready(function() {
    $('#myTable').dataTable({
        "sDom": 'T<"clear">lfrtip',
        "oTableTools": {
            "aButtons": [
                "copy",
                "print",
                {
                    "sExtends": "collection",
                    "sButtonText": "Save",
                    "aButtons": ["csv", "xls", "pdf"]
                }
            ]
        },
        "tableTools": {
            "sSwfPath": "<?php echo base_url(); ?>swf/copy_csv_xls_pdf.swf"
        }
    });

我第一次使用dataTable.js .请帮助纠正我的代码。

在你的CSS链接第二个链接不工作删除//src="//cdn"试试这个

<link src="http://cdn.datatables.net/tabletools/2.2.1/css/dataTables.tableTools.css" rel="stylesheet" type="text/css">