تبدیل جدول Html به اکسل

تبدیل جدول Html به اکسل

در بسیاری از مواقع برای چاپ گزارش نیاز دارید جداول خروجی Html خود را شکل فایل اکسل به کاربر ارائه دهید تا دانلود کند. در این مقاله روش تبدیل جدول Html به اکسل را به شما یاد خواهیم داد تا بدون ارسال درخواست به سرور و ایجاد ترافیک اجازه دهید کاربر به در سمت کلاینت به آسانی داده های جدول مورد نظر را بصورت فایل اکسل دانلود کنید.

در این آموزش، ما به شما نحوه استخراج داده های جدول HTML به اکسل با استفاده از جاوا اسکریپت را نشان می دهیم. قابلیت استخراج Excel با جاوا اسکریپت را می توان لیست محصولات یا لیست های دیگر برای دانلود لیست داده ها در فرمت فایل اکسل استفاده کرد.

تبدیل جدول Html به اکسل

استخراج جدول HTML  به اکسل

تابع ()exportTableToExcel داده های جدول HTML را به اکسل تبدیل می کند و به عنوان فایل (XLS (.xls دانلود می کند.

  • tableID – الزامی-  شناسه جدول HTML را برای استخراج داده از مشخص کنید.
  • filename- اختیاری -نام فایل را برای دانلود اطلاعات اکسل مشخص کنید.

تمونه اجرا شده کد:

مشاهده نتیجه
نام ایمیل تلفن
امیر نوری amir@gmail.com 09121112233
نازنین جعفری Nazanin@gmail.com 09152223344
اردشیر فرامرزی Ardeshir@gmail.com 09145556699
function exportTableToExcel(tableID, filename = ''){
    var downloadLink;
    var dataType = 'application/vnd.ms-excel';
    var tableSelect = document.getElementById(tableID);
    var tableHTML = tableSelect.outerHTML.replace(/ /g, '%20');
    
    // Specify file name
    filename = filename?filename+'.xls':'excel_data.xls';
    
    // Create download link element
    downloadLink = document.createElement("a");
    
    document.body.appendChild(downloadLink);
    
    if(navigator.msSaveOrOpenBlob){
        var blob = new Blob(['\ufeff', tableHTML], {
            type: dataType
        });
        navigator.msSaveOrOpenBlob( blob, filename);
    }else{
        // Create a link to the file
        downloadLink.href = 'data:' + dataType + ', ' + tableHTML;
    
        // Setting the file name
        downloadLink.download = filename;
        
        //triggering the function
        downloadLink.click();
    }
}

 

این دکمه تابع ()exportTableToExcel را برای استخراج داده های جدول HTML با استفاده از جاوا اسکریپت اجرا می کند.

<button onclick="exportTableToExcel('tblData')">دانلود فایل اکسل</button>

 

اگر می خواهید با نام فایل سفارشی دانلود کنید، نام فایل مورد نظر خود را در تابع ()exportTableToExcel منتقل کنید.

<button onclick="exportTableToExcel('tblData', 'Farazgar')">دانلود فایل اکسل</button>

 

این کد نمونه به شما کمک می کند تا قابلیت های استخراج جدول Html به Excel با جاوا اسکریپت و دانلود را در داده های جدول بدون هیچ پلاگین جی کوئری یا اسکریپت سمت سرور اضافه کنید. شما می توانید به راحتی داده های جدول را با استفاده از کد حداقل جاوا اسکریپت استخراج کنید.

 

مقاله پیشنهادی :

ساخت منو چسبان با CSS

One thought on “تبدیل جدول Html به اکسل”
  1. سلام وقت بخیر … یک سوال : اطلاعات جدول در html طراحی کردم //// بدونه نیاز به دیتابیس و SQL // اون کاربر داخل سایت اطلاعات پر میکنه بشینه رو اکسل ثبت بشه خروجی نمایش بده ( اکسل ) . با تشکر

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *