1

我想在我的 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>

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

4

1 回答 1

4

一个不错的选择是使用 jquery 库 dataTables。然后，您可以使用诸如 DataConverter 先生提供的工具将您的电子表格转换为 json。然后，您将数据表指向 json 文件，过滤掉您不需要的任何列，中提琴，您的数据将显示在一个漂亮的 html 表中，并根据您的喜好进行自定义。我最近才使用这种方法，它使显示大量数据变得容易得多。

数据表 - http://www.datatables.net/

数据转换器先生 - http://www.shancarter.com/data_converter/index.html

隐藏各个列的代码在 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] },
],

希望这个对你有帮助...

于 2013-03-21T08:16:06.983 回答