Tag: javascript
在AngularJS中以CSV，Excel，PDF格式导出数据
我想在我的应用程序中添加CSV，Excel，PDF格式function的导出表格数据。 我正在使用angularjs 1.2.16构build应用程序。 在Excel中导出数据 我用过 <script src="https://rawgithub.com/eligrey/FileSaver.js/master/FileSaver.js" type="text/javascript"></script> 使用以下代码将表格导出为XLS格式： var blob = new Blob([document.getElementById('exportable').innerHTML], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8" }); saveAs(blob, "report.xls"); 上面的代码工作正常。 以CSV，PDF格式导出数据 以同样的方式，我想以CSV和PDF格式导出数据。 我用http://www.directiv.es/ng-csv导出CSV数据，但它在ubuntu免费版办公室（文件显示损坏的数据）不能正常工作。 任何人都可以告诉我如何以CSV，Excel和PDF格式在angularjs中导出表格数据？
在Firefox浏览器中输出dynamic的HTML表格，使其在JavaScript中performance突出
想要导出dynamic的HTML表格在Excel中的Excel有没有什么办法可以做在Firefox浏览器中没有使用代码中的ActiveX对象。请帮助我
使用Javascript将HTML表格导出到Excel
我正在将HTML表导出到xls foramt。 导出后，如果您在Libre Office中打开它，它工作正常，但同样在Microsoft Office中打开一个空白屏幕。 我不想要一个jquery解决scheme，请提供任何javascript解决scheme。 请帮忙。 function fnExcelReport() { var tab_text = "<table border='2px'><tr bgcolor='#87AFC6'>"; var textRange; var j = 0; tab = document.getElementById('table'); // id of table for (j = 0; j < tab.rows.length; j++) { tab_text = tab_text + tab.rows[j].innerHTML + "</tr>"; //tab_text=tab_text+"</tr>"; } tab_text = tab_text + "</table>"; tab_text = tab_text.replace(/<A[^>]*>|<\/A>/g, […]
Javascript来导出HTML表格到Excel
当用户点击“导出”button时，我需要将我的页面中的html表导出到Excel中。 现在，我在Firefox上find了堆栈溢出的解决scheme。 在Firefox浏览器中输出dynamic的HTML表格，使其在JavaScript中performance突出 现在，它不处理像我们在这里使用的语言中常见的ö，ü，ö这样的特殊字符，所以我想问问有没有人知道我怎样才能顺利导出它们？ 这是我的代码： function tabletoExcel(table, name) { var uri = 'data:application/vnd.ms-excel;base64,' , template = '<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><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]–></head><body><table>{table}</table></body></html>' , base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))); } , format = function (s, c) { return s.replace(/{(\w+)}/g, function (m, p) { return c[p]; }); }; if (!table.nodeType) table = document.getElementById(table); var […]
在打开Excel和TextEdit时编码UTF8 CSV文件的问题
我最近添加了一个CSV下载button，从数据库（Postgres）从服务器（Ruby on Rails）中获取数据，并将其转换为客户端（Javascript，HTML5）上的CSV文件。 我目前正在testing的CSV文件，我遇到了一些编码问题。 当我通过“less”查看CSV文件时，文件显示正常。 但是当我在Excel或TextEdit中打开文件时，我开始看到奇怪的字符 “，” 出现在文本中。 基本上，我看到这里描述的字符： http : //digwp.com/2011/07/clean-up-weird-characters-in-database/ 我知道当数据库编码设置被设置为错误的时候会出现这样的问题。 但是，我使用的数据库被设置为使用UTF8编码。 当我通过创buildCSV文件的JS代码进行debugging时，文本显示正常。 （这可能是一个Chrome的能力，而且能力较低） 我感到沮丧，因为我从我的在线search中学到的唯一的东西是，编码不能工作的原因可能有很多，我不确定哪个部分是错的（所以请原谅我最初标记了很多东西） ，而我所尝试的一切都为我的问题揭开了新的一页。 作为参考，这里是创buildCSV文件的JavaScript片段！ $(document).ready(function() { var csvData = <%= raw to_csv(@view_scope, clicks_post).as_json %>; var csvContent = "data:text/csv;charset=utf-8,"; csvData.forEach(function(infoArray, index){ var dataString = infoArray.join(","); csvContent += dataString+ "\n"; }); var encodedUri = encodeURI(csvContent); var button = $('<a>'); button.text('Download CSV'); button.addClass("button […]
导出HTML表格到Excel – 不在Office 2010中打开
我正在使用下面的JavaScript代码生成一个即时转换，将HTML表格转换为电子表格的Excel。 excel文件在Office 2010中不打开，显示为空白。 Openoffice将打开相同的电子表格。 可能是什么问题？ 这是有关encoding function ExcelReport() { var tab_text = '<html xmlns:x="urn:schemas-microsoft-com:office:excel">'; tab_text = tab_text + '<head><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>'; tab_text = tab_text + '<x:Name>Test Sheet</x:Name>'; tab_text = tab_text + '<x:WorksheetOptions><x:Panes></x:Panes></x:WorksheetOptions></x:ExcelWorksheet>'; tab_text = tab_text + '</x:ExcelWorksheets></x:ExcelWorkbook></xml></head><body>'; tab_text = tab_text + "<table>"; var headingTable = $('#h_tbl').clone(); tab_text = tab_text + headingTable.html(); tab_text = tab_text + '</table>'; $('.c_tbl').each(function( […]
HTML表格到Excel的Javascript
我试图用这个脚本来保存一个HTML表格到一个Excel文件，它工作正常，但是它不会出现在正确的名称，而是一个随机的string。 而我不明白为什么。 我打电话给： <input type="button" onclick="tableToExcel('tablename', 'name')" value="Export to Excel"> 码 var tableToExcel = (function() { var uri = 'data:application/vnd.ms-excel;base64,' , template = '<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><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]–></head><body><table>{table}</table></body></html>' , base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) } , format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) } return function(table, […]
如何在滚动时locking表格的第一行和第一列，可能使用JavaScript和CSS？
如何创build一个表的第一行和第一列都locking，如在Excel中，当你激活“冻结窗格”？ 我需要表格既水平和垂直滚动（有很多解决scheme，但只允许垂直滚动）。 所以，当你在表格中向下滚动时，第一行将保持放置，因为它将具有列标题。 这可能最终会成为一个thead ，或者可能不会，无论如何，使解决scheme更容易。 向右滚动时，第一列保持放置状态，因为它包含行的标签。 我相当肯定这是不可能的CSS，但任何人都可以指向我的JavaScript解决scheme？ 它需要在所有主stream浏览器中运行。
