Exportation Html Tableau excel et de garder des styles css

Je suis en utilisant excel requêtes web à l'exportation d'un tableau html (mvc vue) pour excel. Comment puis-je le faire transporter à travers les styles css? Si j'ai mis class="redLabel" il n'a pas l'interpréter et de faire le label rouge. J'ai utiliser des styles en ligne dans ma table pour que cela fonctionne. Des idées?

OriginalL'auteur newbie_86 | 2011-08-02

  1. 6

    Autant que je sache, la plupart des programmes ne prennent PAS en charge incluse style, mais seulement inline style.

    Il est probable que vous serez tenu d'inclure votre style inline (l'exportation suce, presque comme le courrier de style).

    OriginalL'auteur Madara Uchiha

  2. 2

    Excel prend en charge l'utilisation du css mise en forme, mais seulement si il y a une classe sur l'élément. Si il y a plusieurs classes, il ne sera pas le faire n'importe quel style sur l'élément, voir De style CSS de la classe de ne pas combiner dans Excel

    Cela dit, c'est le code que j'ai mis ensemble pour attraper tous les styles de la page et de l'exportation d'un tableau HTML. C'est une force brute, prenez tout ce qui l'approche, mais vous pourriez probablement la paire vers le bas si vous connaissez les spécificités. La fonction retourne un jQuery Promesse. De ce que vous pouvez faire tout avec le résultat.

    function excelExportHtml(table, includeCss) {

    if (includeCss) {
        var styles = [];

        //grab all styles defined on the page
        $("style").each(function (index, domEle) {
            styles.push($(domEle).html());
        });

        //grab all styles referenced by stylesheet links on the page
        var ajaxCalls = [];
        $("[rel=stylesheet]").each(function () {
            ajaxCalls.push($.get(this.href, '', function (data) {
                styles.push(data);
            }));
        });

        return $.when.apply(null, ajaxCalls)
                .then(function () {
                    return "<html><style type='text/css'>" + styles.join("\n") + "</style>\n" + table.outerHTML + "</html>";
                });
    }
    else {
        return $.when({ owcHtml: table.outerHTML })
                .then(function (result) {
                    return "<html>" + result.owcHtml + "</html>";
                });
    }
}

    OriginalL'auteur Homer

  3. 1

    Vous pouvez exporter une table avec un extérieur de style css. Voici ma solution de déclarer un modèle de document:

    var e = this;
var style = "<style></style"; //You can write css or get content of .css file

e.template = {
            head: "<html xmlns:o=\"urn:schemas-microsoft-com:office:office\" xmlns:x=\"urn:schemas-microsoft-com:office:excel\" xmlns=\"http://www.w3.org/TR/REC-html40\"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets>",
            sheet: {
                head: "<x:ExcelWorksheet><x:Name>",
                tail: "</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet>"
            },
            mid: "</x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]-->>"+style+"</head><body>",
            table: {
                head: "<table>",
                tail: "</table>"
            },
            foot: "</body></html>"
        };

    OriginalL'auteur rdabrowski

  4. 0

    Vous pouvez essayer d'utiliser ce: http://martinnormark.com/move-css-inline-premailer-net

    Veuillez inclure le contenu pertinent, plutôt qu'un lien vers la page elle-même.

    OriginalL'auteur VSP