显示excel工作表中的表格

display a table from a excel sheet

本文关键字：表格 excel 工作 显示      更新时间：2023-09-26

我想在我的html页面中显示一个表格。在一个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库datatable。然后，您可以使用Mr DataConverter提供的工具将电子表格转换为json。然后将数据表指向json文件，过滤掉不需要的任何列，然后，您的数据显示在一个漂亮的html表中，并根据您的喜好进行定制。我最近使用了这种方法，它使显示大量数据变得更加容易。

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

Mr Data Converter - http://www.shancarter.com/data_converter/index.html

隐藏单个列的代码在您的datatable初始化器中看起来像这样:

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

相关文章：