javascript – jQuery Datatables导出到excelHtml5 HYPERLINK问题

前端之家收集整理的这篇文章主要介绍了javascript – jQuery Datatables导出到excelHtml5 HYPERLINK问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个使用jQuery插件Datatables的Google脚本生成的网站.
我在使用Excel HYPERLINK导出到Datatables插件的Excel功能时出现问题.

我想在导出的Excel文件中有一个可点击的超链接,所以我在Javascript中按如下方式格式化我的链接

=HYPERLINK("photourl";"Photo 1")

生成Excel导出,格式正常.但是,它显示的是上面的完整代码段,而不是可点击的链接.当我选择单元格并单击定义而不进行更改时,它会自动显示可单击的URL.

有什么办法可以把它变成可点击的链接吗?

解决方法

在没有使用任何服务器端语言的情况下,在Execl中导出是非常艰巨的工作,但是您可以编写XML代码以在xls formate中导出数据表我有一些工作示例
请找到代码文件 here

这是jquery插件

我正在编写示例代码以导出文件

<html>
        <head>
            <Meta charset="UTF-8">
            <link  rel="stylesheet"  href="css/chintanTableDesign_1.css"/>
            <title></title>
           <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
             <script src="http://eportal.esparkbiz.com/asset/js/export_execl_js/jquery.battatech.excelexport.js" language="javascript" type="text/javascript"></script>

        </head>
        <body>
            <table class="tableChintan" width="100%">
                <tr>
                    <th colspan="10" style="font-size: 25px;text-align: center">
                        ABC Pvt. ltd.
                    </th>
                    <th>
                        <select id="type_account" name="type_account" onchange="GetFilter();">
                            <option value="ALL" >ALL</option>
                            <option value="AC" >AC</option>
                            <option value="CASH" >CASH</option>
                            <option value="PF" selected>PF</option>                        
                        </select>
                    </th>
                    <th>
                        <a id="btnExport" href="javascript:void(0);"> EXPORT</a>
                    </th>
                </tr></table>
            <table class="tableChintan" width="100%" id="tblExport">
                <tr>
                    <th>Employee Name</th>
                    <th>Month</th>
                    <th>BASIC</th>
                    <th>DA</th>
                    <th>HRA</th>
                    <th>TA</th>
                    <th>Sp Allownce</th>
                    <th>LEAVE ENCASH</th>
                    <th>abs_days</th>
                    <th>extra_days</th>
                    <th>PF EMP</th>
                    <th>PF COMP</th>
    <!--                <th>ESI EMP</th>
                    <th>ESI COMP</th>-->
                    <th>PT</th>
                    <th>TOTAL SAL CHEQUE</th>
                    <th>actual_sal </th>
                    <th>actual_sal WP</th>
                    <th>NA</th>
                    <th></th>

                </tr>
               </tr></table>       
     </table>
        </body>
    </html>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#btnExport").click(function () {
                $("#tblExport").btechco_excelexport({
                    containerid: "tblExport",datatype: $datatype.Table
                });
            });

        });
</script>

请不要忘记包含你的jquery.min.js

如果你想强行重命名文件请尝试,然后让我知道我有另一个jquery插件相同

请享用 !!!!!!!!!!!!

原文链接:https://www.f2er.com/jquery/157876.html

猜你在找的jQuery相关文章