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>

このコードは、一度に 1 つのセルを抽出します。テーブル全体を一度に抽出したい。どうやってするの？

4

1 に答える 1

4

適切なオプションは、jquery ライブラリ dataTables を使用することです。次に、Mr 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 に答える