Question

早上好，

我是Polymer和Datatables.Net的新手。我继承了一个带数据表的应用程序。我被告知用于显示的按钮，但在过去的几个月中它们已经消失了。我正在查看代码并找到它们的声明位置。根据Datatables.net网站上的文档看起来是正确的（https://datatables.net/extensions/buttons/）。

我注意到Chrome控制台窗口中的一些内容可能相关或不相关：

资源解释为样式表但以MIME类型text / plain传输：＆＃34; http：///protected/lib/bower_components/datatables-buttons/css/buttons.dataTables.scss"。

资源解释为样式表但以MIME类型text / plain传输：＆＃34; http：///protected/lib/bower_components/datatables-buttons/css/mixins.scss"。

资源解释为样式表但以MIME类型text / plain传输：＆＃34; http：///protected/lib/bower_components/datatables-buttons/css/common.scss"。

这是表格声明：

<link rel="import" href="../../../bower_components/polymer/polymer-micro.html">

<!-- Bower Components Start -->
<link rel="stylesheet" href="../../../bower_components/datatables/media/css/jquery.dataTables.min.css">
<script type="text/javascript"
        src="../../../bower_components/datatables/media/js/jquery.dataTables.min.js"></script>


<link rel="stylesheet" href="../../../bower_components/datatables-buttons/css/buttons.dataTables.scss">

<script type="text/javascript" src="../../../bower_components/pdfmake/build/pdfmake.min.js"></script>
<script type="text/javascript" src="../../../bower_components/pdfmake/build/vfs_fonts.js"></script>

<script type="text/javascript" src="../../../bower_components/jszip/dist/jszip.min.js"></script>

<script type="text/javascript"
        src="../../../bower_components/datatables-buttons/js/dataTables.buttons.js"></script>

<script type="text/javascript"
        src="../../../bower_components/datatables-buttons/js/buttons.print.js"></script>

<script type="text/javascript"
        src="../../../bower_components/datatables-buttons/js/buttons.html5.js"></script>

<!-- Bower Components End -->

<style>
    #wrapper {
        height: 100%;
    }

    #buffer {
        height: 100%;
        padding: 20px;
    }
</style>

<template>
    <div id="wrapper">
        <div id="buffer">
            <table id="table" class="stripe row-border cell-border compact" cellspacing="0" width="100%"></table>
        </div>
    </div>
</template>

<script>
    Polymer({
        is: "table-test1",

        properties: {
            plottedProperties: {
                type: Array,
                observer: "_propertiesChanged"
            }
        },

        attached: function () {
            this._initTable();
        },

        _initTable: function () {

            var instance = this;

            this.dataTable = $(this.$.table).DataTable({
                scrollX: "100%",
                scrollY: "100%",
                data: [],
                info: true,
                paging: true,
                dom: 'lB<"profileSelection">frtip',
                buttons: [],
                columns: [
                    <SOME COLUMNS HERE>
                ]
            });
        }
    });
</script>

***更新

我已经取代了

../../../bower_components/datatables-buttons/css/buttons.dataTables.scss

使用：

https://cdn.datatables.net/buttons/1.1.0/css/buttons.dataTables.min.css

仍然没有按钮出现。当我在Polymer外部创建测试应用程序时，按钮显示没有问题。有什么想法吗？

数据表点网按钮未在DataTable中显示

0 个答案: