Używam Excelowych zapytań internetowych do eksportowania tabeli html (widok mvc) do Excela. Jak mogę go przenieść przez style CSS? Jeśli ustawię class="redLabel"
, nie będzie to interpretować i sprawi, że etykieta będzie czerwona. Muszę użyć wbudowanych stylów w moim stole, aby to zadziałało. Jakieś pomysły?Eksportuj tabelę HTML, aby wypromować i zachować style CSS.
Odpowiedz
O ile mi wiadomo, większość programów pakietu Office NIE obsługuje dołączonej stylizacji, ale tylko stylizację śródliniową.
Jest prawdopodobne, że będziesz musiał umieścić swoją stylizację w linii (eksportowanie bani, prawie jak stylizacja poczty).
Można spróbować użyć tego: http://martinnormark.com/move-css-inline-premailer-net
Excel obsługuje za pomocą CSS stylizacji, ale tylko wtedy, gdy istnieje jedna klasa na elemencie. Jeśli istnieje wiele klas, to nie będzie żadnego stylu na elemencie, zobacz CSS style class not combining in Excel
Po tym wszystkim, jest to kod, który łączę wszystkie style na stronie i eksportuję tabelę HTML. To brutalna siła, chwytaj wszystko, ale prawdopodobnie możesz sparować ją, jeśli znasz specyfikę. Funkcja zwraca obietnicę jQuery. Z tego możesz zrobić cokolwiek z wynikiem.
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>";
});
}
}
Możesz eksportować tabelę z zewnętrznym stylem CSS. Oto moje rozwiązanie zgłoś szablon dokumentu:
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>"
};
- 1. Eksportuj tabelę HTML do Excela
- 2. Eksportuj widok, aby wypromować maszynkę bez utraty stylu
- 3. Jak zachować style widżetu osadzonego?
- 4. Jak zachować style po animacji?
- 5. Eksportuj tabelę HTML do programu Excel za pomocą programu ASP.NET
- 6. CSS Jak rozciągnąć, aby dopasować i zachować proporcje?
- 7. Jak mogę utworzyć znacznik HTML INPUT, aby zachować CSS, gdy koncentruje się na systemie Android 2.2+?
- 8. Eksportuj JasperReports w formacie HTML
- 9. Style CSS formularzy infopathowych
- 10. Czy są jakieś inne style oprócz CSS dla HTML?
- 11. Usuń wszystkie style, skrypty i tagi HTML stronie html
- 12. html skrobanie i css zapytania
- 13. "Pozycja: lepki;" nie działa CSS i HTML
- 14. Symbol długiego podziału (HTML i/lub CSS)
- 15. OpenLayers style CSS cecha podręczne
- 16. Atrybut type elementów SCRIPT i STYLE w HTML?
- 17. iframe Zmień zawartość CSS Style
- 18. AngularJS bootstrap ui - jak zmienić style CSS?
- 19. Odwróć poziomo html i css
- 20. Jak utworzyć tabelę HTML w linii
- 21. Przestawianie Inline Style dodane przez JS CSS
- 22. SQL Server 2005 - Eksportuj tabelę programowo (uruchom plik .sql, aby ją odbudować)
- 23. Zakrzywiony tekst za pomocą HTML i CSS
- 24. Konwertuj tabelę HTML na tekst
- 25. najszybszy sposób użycia css dla tabeli html bez wpływu na kolejną tabelę html
- 26. Nadrzędne style CSS widgetu jQuery UI Tooltip
- 27. Komentarze HTML w CSS?
- 28. Konwertuj tabelę HTML na JSON
- 29. Jak umieścić dwa obrazy obok kodu HTML i CSS, aby optymalnie wypełnić określoną szerokość?
- 30. Wyśrodkuj tabelę wewnątrz TD
Proszę podać odpowiednią treść, a nie link do samej strony. –