জাভাস্ক্রিপ্ট / জ্যাকুয়েরি ব্যবহার করে এক্সেলের কাছে এইচটিএমএল টেবিল ডেটা এক্সপোর্ট করুন ক্রোম ব্রাউজারে সঠিকভাবে কাজ করছে না

Question 1

আমার বেগ টেমপ্লেটে একটি HTML টেবিল রয়েছে। আমি সমস্ত ব্রাউজারের সাথে জাভা স্ক্রিপ্ট বা jquery, কমতিবেল ব্যবহার করে এক্সেল করতে এইচটিএমএল টেবিল ডেটা রপ্তানি করতে চাই। আমি নীচে স্ক্রিপ্ট ব্যবহার করছি

<script type="text/javascript">
function ExportToExcel(mytblId){
       var htmltable= document.getElementById('my-table-id');
       var html = htmltable.outerHTML;
       window.open('data:application/vnd.ms-excel,' + encodeURIComponent(html));
    }
</script>

এই স্ক্রিপ্টটি মজিলা ফায়ারফক্সে দুর্দান্ত কাজ করে , এটি এক্সেলের একটি ডায়ালগ বক্সের সাথে পপ-আপ করে এবং খোলা বা সংরক্ষণের বিকল্পগুলির জন্য জিজ্ঞাসা করে। তবে আমি যখন ক্রোম ব্রাউজারে একই স্ক্রিপ্টটি পরীক্ষা করেছি তখন এটি প্রত্যাশার মতো কাজ করে না , যখন বোতামে ক্লিক করা হয় তখন এক্সেলের জন্য কোনও পপ-আপ থাকে না। "ফাইলের ধরণ: ফাইল" দিয়ে কোনও ফাইলে ডেটা ডাউনলোড হয়ে যায়, .xls এর মতো কোনও এক্সটেনশন ক্রোম কনসোলে কোনও ত্রুটি নেই।

জেসফিডাল উদাহরণ:

http://jsfiddle.net/insin/cmewv/

এটি মজিলায় সূক্ষ্মভাবে কাজ করে তবে ক্রোমে নয়।

ক্রোম ব্রাউজার পরীক্ষার কেস:

প্রথম চিত্র: আমি এক্সপোর্ট করতে এক্সেল বোতামে ক্লিক করি

এবং ফলাফল:

ফলাফল

Question 2

এক্সেল এক্সপোর্ট স্ক্রিপ্ট আই 7 +, ফায়ারফক্স এবং ক্রোমে কাজ করে।

function fnExcelReport()
{
    var tab_text="<table border='2px'><tr bgcolor='#87AFC6'>";
    var textRange; var j=0;
    tab = document.getElementById('headerTable'); // id of table

    for(j = 0 ; j < tab.rows.length ; j++) 
    {     
        tab_text=tab_text+tab.rows[j].innerHTML+"</tr>";
        //tab_text=tab_text+"</tr>";
    }

    tab_text=tab_text+"</table>";
    tab_text= tab_text.replace(/<A[^>]*>|<\/A>/g, "");//remove if u want links in your table
    tab_text= tab_text.replace(/<img[^>]*>/gi,""); // remove if u want images in your table
    tab_text= tab_text.replace(/<input[^>]*>|<\/input>/gi, ""); // reomves input params

    var ua = window.navigator.userAgent;
    var msie = ua.indexOf("MSIE "); 

    if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))      // If Internet Explorer
    {
        txtArea1.document.open("txt/html","replace");
        txtArea1.document.write(tab_text);
        txtArea1.document.close();
        txtArea1.focus(); 
        sa=txtArea1.document.execCommand("SaveAs",true,"Say Thanks to Sumit.xls");
    }  
    else                 //other browser not tested on IE 11
        sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text));  

    return (sa);
}

কেবল একটি ফাঁকা ইফ্রেমে তৈরি করুন:

<iframe id="txtArea1" style="display:none"></iframe>

এই ফাংশনটিতে কল করুন:

<button id="btnExport" onclick="fnExcelReport();"> EXPORT </button>

Question 3

ডেটাএটেবল প্লাগইন উদ্দেশ্যটি সর্বাধিক সমাধান করে এবং আমাদের এইচটিএমএল টেবিল ডেটা এক্সেল, পিডিএফ, টেক্সটে রফতানি করার অনুমতি দেয়। সহজেই কনফিগারযোগ্য

নীচে ডেটাটেবল রেফারেন্স লিঙ্কে সম্পূর্ণ উদাহরণটি সন্ধান করুন:

https://datatables.net/ এক্সটেনশনগুলি / বিটোনস / উদাহরণসমূহ / html5/simple.html

(ডেটাটেবল রেফারেন্স সাইট থেকে স্ক্রিনশট)

Question 4

এটি সাহায্য করতে পারে

function exportToExcel(){
var htmls = "";
            var uri = 'data:application/vnd.ms-excel;base64,';
            var template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>'; 
            var base64 = function(s) {
                return window.btoa(unescape(encodeURIComponent(s)))
            };

            var format = function(s, c) {
                return s.replace(/{(\w+)}/g, function(m, p) {
                    return c[p];
                })
            };

            htmls = "YOUR HTML AS TABLE"

            var ctx = {
                worksheet : 'Worksheet',
                table : htmls
            }


            var link = document.createElement("a");
            link.download = "export.xls";
            link.href = uri + base64(format(template, ctx));
            link.click();
}

Question 5

http://wsnippets.com/export-html-table-data-excel-sheet- using- jquery/ এই লিঙ্কটি চেষ্টা করে দেখুন এটি আপনার সমস্যার সমাধান করতে পারে

এখানে চিত্র বর্ণনা লিখুন

Question 6

ব্যবহারের পরিবর্তে window.openআপনি onclickইভেন্টের সাথে একটি লিঙ্ক ব্যবহার করতে পারেন ।
এবং আপনি এইচটিএমএল টেবিলটি ইউরিতে রাখতে পারেন এবং ডাউনলোড করার জন্য ফাইলের নাম সেট করতে পারেন।

সরাসরি নমুনা :

function exportF(elem) {
  var table = document.getElementById("table");
  var html = table.outerHTML;
  var url = 'data:application/vnd.ms-excel,' + escape(html); // Set your html table into url 
  elem.setAttribute("href", url);
  elem.setAttribute("download", "export.xls"); // Choose the file name
  return false;
}

<table id="table" border="1">
  <tr>
    <td>
      Foo
    </td>
    <td>
      Bar
    </td>
  </tr>
</table>

<a id="downloadLink" onclick="exportF(this)">Export to excel</a>

স্নিপেট প্রসারিত করুন

Question 7

টেবিলএক্সপোর্ট - এইচটিএমএল টেবিলগুলি এক্সএলএক্সএক্স, এক্সএলএস, সিএসভি এবং টিএসটি ফাইলগুলিতে রফতানি করতে সহজ, সহজেই প্রয়োগযোগ্য লাইব্রেরি।

এই লাইব্রেরিটি ব্যবহার করতে, সহজেই TableExportকনস্ট্রাক্টরকে কল করুন :

new TableExport(document.getElementsByTagName("table"));

// OR simply

TableExport(document.getElementsByTagName("table"));

// OR using jQuery

$("table").tableExport();

আপনার টেবিল, বোতাম এবং রফতানি হওয়া ডেটার চেহারা ও অনুভূতি কাস্টমাইজ করতে অতিরিক্ত বৈশিষ্ট্যগুলি পাস-ইন করা যেতে পারে। এখানে আরও তথ্য দেখুন

Question 8

এই উদাহরণগুলিতে আমার একীকরণ:

https://www.codexworld.com/export-html-table-data-to-excel-used-javascript https://bl.ocks.org/Flyer53/1de5a78de9c89850999c

function exportTableToExcel(tableId, filename) {
    let dataType = 'application/vnd.ms-excel';
    let extension = '.xls';

    let base64 = function(s) {
        return window.btoa(unescape(encodeURIComponent(s)))
    };

    let template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>';
    let render = function(template, content) {
        return template.replace(/{(\w+)}/g, function(m, p) { return content[p]; });
    };

    let tableElement = document.getElementById(tableId);

    let tableExcel = render(template, {
        worksheet: filename,
        table: tableElement.innerHTML
    });

    filename = filename + extension;

    if (navigator.msSaveOrOpenBlob)
    {
        let blob = new Blob(
            [ '\ufeff', tableExcel ],
            { type: dataType }
        );

        navigator.msSaveOrOpenBlob(blob, filename);
    } else {
        let downloadLink = document.createElement("a");

        document.body.appendChild(downloadLink);

        downloadLink.href = 'data:' + dataType + ';base64,' + base64(tableExcel);

        downloadLink.download = filename;

        downloadLink.click();
    }
}

Question 9

এটি করতে আপনি শিল্ডইউআইয়ের মতো লাইব্রেরি ব্যবহার করতে পারেন।

এটি এক্সএমএল এবং এক্সএলএসএক্স উভয়কেই বহুল ব্যবহৃত ব্যবহৃত এক্সেল ফর্ম্যাটগুলিতে রফতানি সমর্থন করে।

আরও বিশদ এখানে: http://demos.shieldui.com/web/grid-general/export-to-excel

Question 10

সাম্পোপসের বিষয়ে উত্তর 6 জুন '14 থেকে 11:59 এ:

আরও বেশি এক্সেল ডেটা প্রদর্শন করতে আমি 20px এর ফন্ট-আকারের সাথে একটি CSS স্টাইল সন্নিবেশ করিয়েছি। স্যাম্পোপস কোডে শীর্ষস্থানীয় <tr>ট্যাগগুলি অনুপস্থিত, তাই আমি প্রথমে শিরোনামটি এবং অন্য লুপের মধ্যে অন্য টেবিলের লাইনগুলির চেয়ে আউটপুট করি।

function fnExcelReport()
{
    var tab_text = '<table border="1px" style="font-size:20px" ">';
    var textRange; 
    var j = 0;
    var tab = document.getElementById('DataTableId'); // id of table
    var lines = tab.rows.length;

    // the first headline of the table
    if (lines > 0) {
        tab_text = tab_text + '<tr bgcolor="#DFDFDF">' + tab.rows[0].innerHTML + '</tr>';
    }

    // table data lines, loop starting from 1
    for (j = 1 ; j < lines; j++) {     
        tab_text = tab_text + "<tr>" + tab.rows[j].innerHTML + "</tr>";
    }

    tab_text = tab_text + "</table>";
    tab_text = tab_text.replace(/<A[^>]*>|<\/A>/g, "");             //remove if u want links in your table
    tab_text = tab_text.replace(/<img[^>]*>/gi,"");                 // remove if u want images in your table
    tab_text = tab_text.replace(/<input[^>]*>|<\/input>/gi, "");    // reomves input params
    // console.log(tab_text); // aktivate so see the result (press F12 in browser)

    var ua = window.navigator.userAgent;
    var msie = ua.indexOf("MSIE "); 

     // if Internet Explorer
    if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
        txtArea1.document.open("txt/html","replace");
        txtArea1.document.write(tab_text);
        txtArea1.document.close();
        txtArea1.focus(); 
        sa = txtArea1.document.execCommand("SaveAs", true, "DataTableExport.xls");
    }  
    else // other browser not tested on IE 11
        sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text));  

    return (sa);
}

Question 11

 function exportToExcel() {
        var tab_text = "<tr bgcolor='#87AFC6'>";
        var textRange; var j = 0, rows = '';
        tab = document.getElementById('student-detail');
        tab_text = tab_text + tab.rows[0].innerHTML + "</tr>";
        var tableData = $('#student-detail').DataTable().rows().data();
        for (var i = 0; i < tableData.length; i++) {
            rows += '<tr>'
                + '<td>' + tableData[i].value1 + '</td>'
                + '<td>' + tableData[i].value2 + '</td>'
                + '<td>' + tableData[i].value3 + '</td>'
                + '<td>' + tableData[i].value4 + '</td>'
                + '<td>' + tableData[i].value5 + '</td>'
                + '<td>' + tableData[i].value6 + '</td>'
                + '<td>' + tableData[i].value7 + '</td>'
                + '<td>' +  tableData[i].value8 + '</td>'
                + '<td>' + tableData[i].value9 + '</td>'
                + '<td>' + tableData[i].value10 + '</td>'
                + '</tr>';
        }
        tab_text += rows;
        var data_type = 'data:application/vnd.ms-excel;base64,',
            template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table border="2px">{table}</table></body></html>',
            base64 = function (s) {
                return window.btoa(unescape(encodeURIComponent(s)))
            },
            format = function (s, c) {
                return s.replace(/{(\w+)}/g, function (m, p) {
                    return c[p];
                })
            }

        var ctx = {
            worksheet: "Sheet 1" || 'Worksheet',
            table: tab_text
        }
        document.getElementById("dlink").href = data_type + base64(format(template, ctx));
        document.getElementById("dlink").download = "StudentDetails.xls";
        document.getElementById("dlink").traget = "_blank";
        document.getElementById("dlink").click();
    }

স্নিপেট প্রসারিত করুন

এখানে 1 থেকে 10 এর মান হ'ল কলামের নাম যা আপনি পাচ্ছেন

Question 12

আপনি টেলিটোএক্সেল.জেএস ব্যবহার করতে পারেন এক্সেল ফাইলে সারণি রফতানি ।

এটি নিম্নলিখিত উপায়ে কাজ করে:

1)। আপনার সিডিএন আপনার প্রকল্প / ফাইল অন্তর্ভুক্ত করুন

<script src="https://cdn.jsdelivr.net/gh/linways/table-to-excel@v1.0.4/dist/tableToExcel.js"></script>

2)। হয় জাভাস্ক্রিপ্ট ব্যবহার:

<button id="btnExport" onclick="exportReportToExcel(this)">EXPORT REPORT</button>

function exportReportToExcel() {
  let table = document.getElementsByTagName("table"); // you can use document.getElementById('tableId') as well by providing id to the table tag
  TableToExcel.convert(table[0], { // html code may contain multiple tables so here we are refering to 1st table tag
    name: `export.xlsx`, // fileName you could use any name
    sheet: {
      name: 'Sheet 1' // sheetName
    }
  });
}

3)। অথবা জ্যাকুরি ব্যবহার করে

<button id="btnExport">EXPORT REPORT</button>

$(document).ready(function(){
    $("#btnExport").click(function() {
        let table = document.getElementsByTagName("table");
        TableToExcel.convert(table[0], { // html code may contain multiple tables so here we are refering to 1st table tag
           name: `export.xlsx`, // fileName you could use any name
           sheet: {
              name: 'Sheet 1' // sheetName
           }
        });
    });
});

অন্য কোনও তথ্যের জন্য আপনি এই গিথব লিঙ্কটি উল্লেখ করতে পারেন

https://github.com/linways/table-to-excel/tree/master

বা সরাসরি উদাহরণ উল্লেখ করার জন্য নীচের লিঙ্কটি দেখুন

https://codepen.io/rohithb/pen/YdjVbb

আশা করি এটি কাউকে সহায়তা করবে :-)

Question 13

আমার উত্তরগুলির উত্তরগুলির উত্তরগুলি op

function exportToExcel(that, id, hasHeader, removeLinks, removeImages, removeInputParams) {
if (that == null || typeof that === 'undefined') {
    console.log('Sender is required');
    return false;
}

if (!(that instanceof HTMLAnchorElement)) {
    console.log('Sender must be an anchor element');
    return false;
}

if (id == null || typeof id === 'undefined') {
    console.log('Table id is required');
    return false;
}
if (hasHeader == null || typeof hasHeader === 'undefined') {
    hasHeader = true;
}
if (removeLinks == null || typeof removeLinks === 'undefined') {
    removeLinks = true;
}
if (removeImages == null || typeof removeImages === 'undefined') {
    removeImages = false;
}
if (removeInputParams == null || typeof removeInputParams === 'undefined') {
    removeInputParams = true;
}

var tab_text = "<table border='2px'>";
var textRange;

tab = $(id).get(0);

if (tab == null || typeof tab === 'undefined') {
    console.log('Table not found');
    return;
}

var j = 0;

if (hasHeader && tab.rows.length > 0) {
    var row = tab.rows[0];
    tab_text += "<tr bgcolor='#87AFC6'>";
    for (var l = 0; l < row.cells.length; l++) {
        if ($(tab.rows[0].cells[l]).is(':visible')) {//export visible cols only
            tab_text += "<td>" + row.cells[l].innerHTML + "</td>";
        }
    }
    tab_text += "</tr>";
    j++;
}

for (; j < tab.rows.length; j++) {
    var row = tab.rows[j];
    tab_text += "<tr>";
    for (var l = 0; l < row.cells.length; l++) {
        if ($(tab.rows[j].cells[l]).is(':visible')) {//export visible cols only
            tab_text += "<td>" + row.cells[l].innerHTML + "</td>";
        }
    }
    tab_text += "</tr>";
}

tab_text = tab_text + "</table>";
if (removeLinks)
    tab_text = tab_text.replace(/<A[^>]*>|<\/A>/g, "");
if (removeImages)
    tab_text = tab_text.replace(/<img[^>]*>/gi, ""); 
if (removeInputParams)
    tab_text = tab_text.replace(/<input[^>]*>|<\/input>/gi, "");

var ua = window.navigator.userAgent;
var msie = ua.indexOf("MSIE ");

if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))      // If Internet Explorer
{
    myIframe.document.open("txt/html", "replace");
    myIframe.document.write(tab_text);
    myIframe.document.close();
    myIframe.focus();
    sa = myIframe.document.execCommand("SaveAs", true, document.title + ".xls");
    return true;
}
else {
    //other browser tested on IE 11
    var result = "data:application/vnd.ms-excel," + encodeURIComponent(tab_text);
    that.href = result;
    that.download = document.title + ".xls";
    return true;
}
}

একটি iframe প্রয়োজন

<iframe id="myIframe" style="opacity: 0; width: 100%; height: 0px;" seamless="seamless"></iframe>

ব্যবহার

$("#btnExportToExcel").click(function () {
    exportToExcel(this, '#mytable');
});