Export Html-Tabelle zu excel-und halten Sie css-Stile

Ich bin mit der excel web-Abfragen, um den export einer html-Tabelle (mvc-Ansicht) zu excel. Wie bekomme ich es tragen über die css-Stile? Wenn ich class="redLabel" es nicht interpretieren, und machen das label rot. Ich habe mit inline-styles in meine Tabelle für diese zu arbeiten. Irgendwelche Ideen?

InformationsquelleAutor newbie_86 | 2011-08-02

  1. 6

    Soweit ich weiß, die meisten Office-Programme unterstützen NICHT inklusive styling, sondern nur inline-styling.

    Ist es wahrscheinlich, dass Sie werden benötigt, um Ihre styling-inline (exportieren nervt, fast so wie E-mail-styling).

    InformationsquelleAutor Madara Uchiha

  2. 2

    Excel unterstützt die Verwendung von css-styling, aber nur wenn es eine Klasse für das element. Wenn es mehrere Klassen, dann wird es nicht an Stil auf das element, sehen CSS-Klasse nicht in Excel kombinieren

    Having said that, das ist der code, den ich zusammen zu packen, alle Stile auf einer Seite, und exportieren Sie eine HTML-Tabelle. Es ist ein brute-force, alles packen-Ansatz, aber das könnte man wahrscheinlich kombinieren Sie es nach unten, wenn Sie wissen, die Besonderheiten. Die Funktion gibt ein jQuery-Versprechen. Sie können tun, was mit dem Ergebnis.

    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>";
                });
    }
}

    InformationsquelleAutor Homer

  3. 1

    Können Sie die export-Tabelle mit dem css-Stil. Hier ist meine Lösung deklarieren Sie eine Dokument-Vorlage:

    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>"
        };

    InformationsquelleAutor rdabrowski

  4. 0

    Sie könnten versuchen, mit diesem: http://martinnormark.com/move-css-inline-premailer-net

    Bitte fügen Sie die relevanten Inhalte, anstatt einen link auf der Seite selbst.

    InformationsquelleAutor VSP

Schreibe einen Kommentar