سيحدد هذا البرنامج التعليمي عملية تصدير بيانات جدول HTML إلى Excel باستخدام JavaScript.
كيفية تصدير جدول HTML إلى Excel باستخدام JavaScript؟
لتصدير جدول من HTML إلى جدول بيانات Excel ، استخدم مكتبة JavaScript ' شيت جي اس '. يوفر ميزات لقراءة جداول البيانات وتحريرها وتصديرها أثناء العمل في متصفحات الويب.
أضف المصدر أدناه لـ ' شيت جي اس ”مكتبة JavaScript بتنسيق علامة المشروع:
< نوع البرنامج النصي = 'نص / جافا سكريبت' src = 'https://unpkg.com/ [البريد الإلكتروني محمي] /dist/xlsx.full.min.js ' > النصي >
لنجرب مثالاً لتصدير جدول HTML ببيانات في جدول بيانات.
مثال
أولاً ، قم بإنشاء جدول في ملف HTML ، باستخدام <جدول> بطاقة شعار:
< معرف الجدول = 'tblToExcl' الحدود = 'اثنين' >
< thead >
< العاشر > هوية شخصية العاشر >
< العاشر > اسم العاشر >
< العاشر > صف دراسي العاشر >
< العاشر > لفافة# العاشر >
< العاشر > سن العاشر >
thead >
< tbody >
< آر >
< td > 1 td >
< td > جون td >
< td > 8 td >
< td > 118 td >
< td > 13 td >
آر >
< آر >
< td > اثنين td >
< td > روهندا td >
< td > 7 td >
< td > 153 td >
< td > 12 td >
آر >
< آر >
< td > 3 td >
< td > ستيفن td >
< td > 9 td >
< td > 138 td >
< td > 14 td >
آر >
tbody >
الطاولة >
ثم أنشئ زرًا من خلال إرفاق ' عند النقر 'الذي سيؤدي إلى تشغيل' htmlTableToExcel () 'لتصدير الجدول إلى ورقة Excel:
< معرف الزر = 'زر' عند النقر = 'htmlTableToExcel ('xlsx')' > تصدير جدول HTML إلى EXCEL زر >يظهر الإخراج الجدول مع البيانات:
كود JavaScript لتصدير جدول البيانات إلى ورقة هو كما يلي:
وظيفة htmlTableToExcel ( يكتب ) {كنت بيانات = وثيقة. getElementById ( 'tblToExcl' ) ؛
كنت ملف اكسل = XLSX. المرافق . table_to_book ( بيانات و { ملزمة : 'الورقة 1' } ) ؛
XLSX. اكتب ( ملف اكسل و { نوع الكتاب : يكتب و كتاب : حقيقي و يكتب : 'base64' } ) ؛
XLSX. writeFile ( ملف اكسل و 'ExportedFile: HTMLTableToExcel' + يكتب ) ؛
}
تتبع شفرة JavaScript المذكورة أعلاه الخطوات المحددة لتصدير الجدول إلى ورقة Excel:
- تحديد وظيفة ' htmlTableToExcel () ' في