【】受信テーブルデータエクスポートExcelスプレッドシートの前端

1.第一の基準jQueryとtable2excel

 
< スクリプトタイプ= "テキスト/ javascriptの" SRC = "JS / jquery.table2excel.min.js" > </ スクリプト> 
< スクリプトタイプ= "テキスト/ javascriptの" SRC = "JS / jquery.min.js" > </ スクリプト>

2.フォームパーツ

< 表は、   フィルタレイ= "デモ" クラス= "layuiテーブル"   ID = "excTable" > 
                < THEAD > 
                < TR > 
                    < 番目のレイデータは{ 'emp_ICNumber'、幅:150、ソート:真フィールド} =」を" >工号</ 番目> 
                    < 番目のレイデータが=" {フィールド: 'EMP_NAME'、幅:150、ソート:真} " >姓名</ 番目> 
                    < 番目のレイデータ=" {フィールド: 'emp_WorkTeam' 、幅:100、ソート:真}」>シフト</ TH > 
                    < THレイデータは= "{フィールド: 'emp_AlcoholStatus'、幅:100、ソート:真}" >考勤方式</ 番目> 
                    < 番目のレイデータが= "{フィールド: 'emp_Cause'、幅:150、ソート:真} " >考勤状态</ 番目> 
                    < 番目のレイデータが=" {フィールド: 'emp_TestDateTime'は、幅:200、ソート:真} " >考勤时间</ 番目> 
                    < 番目のレイデータが=" {フィールド: 'emp_workHours 」、幅:100、ソート:真}」>工时</ > 
                </ TR > 
                </ thead要素> 
                < TBODY >
                < C:のforeach アイテム= "$ {マップ[0] .attences}" VAR = "モデル" > 
                    < TR > 
                        <%- < TDスタイル= " 表示:なし" > $ {model.id} </ TD > - %> 
                        < TD > $ {model.emp_ICNumber} </ TD > 
                        < TD > $ {model.emp_Name} </ TD > 
                        < TD > $ {model.emp_WorkTeam} </ TD > 
                        < C:もしテスト= "$ {model.emp_AlcoholStatus == '0'}"> 
                            < TD >正常</ TD > 
                        </ C:場合> 
                        < C:もしテスト= "$ {model.emp_AlcoholStatus == '1'}" > 
                            < TD >饮酒</ TD > 
                        </ C:場合> 
                        < C:もしテスト= "$ {model.emp_AlcoholStatus == '2'}" > 
                            < TD >醉酒</ TD > 
                        </ C:場合> 
                        < C:もしテスト= "$ {model.emp_AlcoholStatus == '4' }」>
                            < TD >モニタリングされていない、手動で追加</ TD > 
                        </ C:場合> 
                        < TD > $ {model.emp_Cause} </ TD > 
                        < TD > $ {model.emp_TestDateTime} </ TD > 
                        < TD > $ {model.emp_workHours} </ TD > 

                    < / TR > 
                </ C:forEachの> 
                </ TBODY > 
            </ テーブル>

       データのみのIDのより有用な部分は、他のコンテンツを考慮することができません。

    機能E試験(){ 
        $( "#excTable" ).table2excel({ 
            除外: ".ID" 
            名前: "エクセルドキュメント名" 
            ファイル名: "タイムシート" 
            FileExt: "* .XLS" 
            列:「0、 1,7,9,10,11,12「// 指定された列はエクスポートされない例:カラム:」0,1,2,3」、0から開始インデックス、エクスポートされていない最初の行を表す、 -第4列 
            exclude_img:falseに
            exclude_links:falseに
            exclude_inputs:falseに
        )}。
    } 
//       利用可能な設定パラメータtable2excelプラグです。
// 
//             除外:CSSクラスクラスは、テーブルの行をエクスポートしていません。
//             名前:エクスポートされたExcelドキュメントの名前。
//             ファイル名:Excelファイルの名前。
//             exclude_img:輸出絵にするかどうか。
//             exclude_links:輸出ハイパーリンクするかどうか
//             exclude_inputs:入力ボックスの内容をエクスポートするかどうか。

 

上記の表の関数をエクスポートするためにボタンを追加するために使用することができます

< ボタンクラス= "layui-BTN" のonclick = "E試験()" >导出</ ボタン>

 

おすすめ

転載: www.cnblogs.com/suncos/p/11828266.html