Question

仍然是我同样的交易..

所以我会快速解释一下。我的所有内容都包含在我的页面中，所以不是它。

我正在从事视觉工作室。

我创建了一个表格，我想用pdf或其他任何东西导出。所以我正在使用它：

https://github.com/hhurz/tableExport.jquery.plugin

如果在我的代码中我这样说的话，效果非常好：

                $('table').tableExport({ type: 'pdf', jspdf: { orientation: 'l', format: 'a3', margins: { left: 10, right: 10, top: 20, bottom: 20 }, autotable: { styles: { fillColor: 'inherit', textColor: 'inherit' }, tableWidth: 'auto' } } });

显然被balise包围了。

但是任何时候我想把它放在一个按钮上，它不起作用!! Chrome控制台一直这样说：.tableExport不是函数

怎么可能？当我打电话给脚本时，它运作良好！

这是我的活动和我的按钮（如果有人有帮助的话，那真是太棒了！）：

$(document).ready(function () {
                $('#downloadPDF').on('click', function (e) {
                    console.log("test");
                    e.preventDefault();
                    $('table').tableExport({ type: 'csv' });

                    $('table').tableExport({
                        type: 'pdf',
                        jspdf: {
                            orientation: 'l',
                            format: 'a3',
                            margins: {
                                left: 10,
                                right: 10,
                                top: 20,
                                bottom: 20
                            },
                            autotable: {
                                styles: {
                                    fillColor: 'inherit',
                                    textColor: 'inherit'
                                },
                                tableWidth: 'auto'
                            }
                        }
                    });
                });
            });

            <button type="button" id="downloadPDF" class="btn btn-default">Default</button>*@

谢谢你们。

        <table id="table" class="table table-hover ">

            <tbody>             
                <tr>
                    <td></td>
                    <td> </td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                </tr>

            </tbody>




            <tr class="info">
                <td><b></b></td>
                <td></td>
            </tr>

            <tbody>
                <tr>
                    <td>
                        <br /><br />
                         <br /><br />
                        <br /><br />
             </tbody>           
                    </td>
                    <td><br /><br /><br /></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td> </td>
                </tr>
                <tr>
                    <td></td>
                    <td> </td>
                </tr>

            </tbody>

        </table>

    </div>

    @* Bouton extraction *@

        <script>
            $(document).ready(function () {

            });
        </script>
        <script>

        $('#downloadPDF').on('click', function (e) {
                    console.log("test");
                    e.preventDefault();
                    $('table').tableExport({
                        type: 'pdf',
                        jspdf: {
                            orientation: 'l',
                            format: 'a3',
                            margins: {
                                left: 10,
                                right: 10,
                                top: 20,
                                bottom: 20
                            },
                            autotable: {
                                styles: {
                                    fillColor: 'inherit',
                                    textColor: 'inherit'
                                },
                                tableWidth: 'auto'
                            }
                        }
                    });
                });
        </script>


        <button type="button" id="downloadPDF" class="btn btn-default">Default</button>*@

Answer 1

我遇到过这个问题。如果tableExport.js的其他js依赖项文件未按正确顺序包含，则会发生这种情况。确保包含这些文件，并且按照正确的顺序排列，如git hub页面所示。 https://github.com/hhurz/tableExport.jquery.plugin。

Answer 2

我做过同样的问题。但是当我将所有标签放在文件和外部标签的底部时。它做到了完美的工作。

希望它能对您有所帮助。

.tableExport不是函数

2 个答案: