2013-03-21 200 views
1

我想從我的html頁面中的Excel表格中顯示錶格。 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> 

此代碼提取一個細胞在一個時間。我想一次提取整個表格。 如何做到這一點?

+0

有什麼限制?你喜歡什麼語言? – Alec 2013-03-21 07:59:58

+0

您是否明白,只有在Excel文件放在客戶端機器上時,此代碼纔有效? – demas 2013-03-21 08:25:32

回答

3

一個不錯的選擇是使用jQuery庫的dataTables。然後,您可以使用DataConverter先生提供的工具將您的電子表格轉換爲json。然後,您將數據表指向json文件,篩選出您不需要的任何列和中提琴,您的數據將顯示在一個漂亮的html表格中,並根據您的喜好進行自定義。我最近才使用這種方法,並且使得顯示大量數據變得容易得多。

數據表 - http://www.datatables.net/

MR數據轉換器 - http://www.shancarter.com/data_converter/index.html

隱藏各列看起來像這樣在你的數據表初始化器的代碼:

"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] }, 
], 

希望這有些幫助...

+0

這工作正常......我爲我的一個項目做同樣的工作......如果你沒有公式和所有工作, – AutoMEta 2013-06-18 17:45:08