Javascript 显示excel工作表中的表格_Javascript_Html_Excel_Export_Html Table

Javascript 显示excel工作表中的表格

javascript html excel

Javascript 显示excel工作表中的表格,javascript,html,excel,export,html-table,Javascript,Html,Excel,Export,Html Table,我想在html页面中显示excel工作表中的表格。excel工作表中有多个表。我想显示一个特定的表。请帮忙我用来从excel文件中提取信息的HTML代码 <html> <head> <title> From Excel </title> <script language="javascript" > function GetData(cell,row){ var excel = new ActiveXObject("E

我想在html页面中显示excel工作表中的表格。excel工作表中有多个表。我想显示一个特定的表。请帮忙

我用来从excel文件中提取信息的HTML代码

 <html>
 <head>
 <title>
 From Excel
 </title>
 <script language="javascript" >
 function GetData(cell,row){
 var excel = new ActiveXObject("Excel.Application");
 var excel_file = excel.Workbooks.Open("C:\\abc.xlsx");
 var excel_sheet = excel.Worksheets("25 PEs");
 var data = excel_sheet.Cells(cell,row).Value;
 document.getElementById('div1').innerText =data;
}
</script>
</head>

<body>

<div id="div1" style="background: #DFDFFF; width:'100%';" align="center">
Click buttons to fetch data from c:\abc.xlsx
</div>

<input name="Button1" type="button" onClick="GetData(1,1)" value="button1">
<input name="Button2" type="button" onClick="GetData(1,2)" value="button2">
<input name="Button3" type="button" onClick="GetData(2,1)" value="button3">
<input name="Button4" type="button" onClick="GetData(2,2)" value="button4">


</body>
</html>

此代码一次提取一个单元格。我想一次提取整个表。

如何做到这一点？

一个好的选择是使用jquery库数据表。然后，您可以使用mrdataconverter提供的工具将电子表格转换为json。然后将datatables指向json文件，过滤掉所有不需要的列，viola会将数据显示在一个漂亮的html表格中，并根据您的喜好进行定制。我最近刚刚使用过这种方法，它使显示大量数据变得更加容易

数据表-

Mr数据转换器-

在dataTables初始化器中，隐藏单个列的代码如下所示：

"aoColumnDefs" : [{
    "bVisible" : false,
    "bSearchable": true, 
    "aTargets" : [0, 1, 4, 6, 9, 10, 11, 12]
}

要对列进行重新排序，将如下所示：

"aoColumns": [//reorder the columns
    { "mDataProp": [0] },
    { "mDataProp": [1] },
    { "mDataProp": [2] },
    { "mDataProp": [7] },
    { "mDataProp": [4] },
],

希望这对您有所帮助。

数据表-

Mr数据转换器-

在dataTables初始化器中，隐藏单个列的代码如下所示：

"aoColumnDefs" : [{
    "bVisible" : false,
    "bSearchable": true, 
    "aTargets" : [0, 1, 4, 6, 9, 10, 11, 12]
}

要对列进行重新排序，将如下所示：

"aoColumns": [//reorder the columns
    { "mDataProp": [0] },
    { "mDataProp": [1] },
    { "mDataProp": [2] },
    { "mDataProp": [7] },
    { "mDataProp": [4] },
],

希望这能有所帮助……

有什么限制吗？您喜欢哪种语言？您是否了解，只有将Excel文件放在客户端计算机上，此代码才能工作？有任何限制？您喜欢哪种语言？您是否了解，只有将Excel文件放在客户机上时，此代码才有效？这很好…我正在为我的一个项目执行相同的操作…如果您没有公式，则此操作完全正常…我正在为我的一个项目执行相同的操作…如果您没有公式，则此操作完全正常