Question

在我的代码中，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也无法正常工作。下面给出了查询代码：

$(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。请帮忙纠正我的代码。提前谢谢。

Answer 1

在你的css链接中第二个链接不起作用只需在src =“// cdn”中删除// 试试这个

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

dataTable插件css无法正常工作

1 个答案: