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

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

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

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

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

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

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

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 با جاوا اسکریپت و دانلود را در داده های جدول بدون هیچ پلاگین جی کوئری یا اسکریپت سمت سرور اضافه کنید. شما می توانید به راحتی داده های جدول را با استفاده از کد حداقل جاوا اسکریپت استخراج کنید.