Hoş Geldin, Ziyaretçi!

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

JS ile Excel'e Aktar Yapımı

  • Konbuyu başlatan Emre KRMN
  • Başlangıç tarihi
Emre KRMN

Emre KRMN

Tilki Adayı
Katılım
6 May 2022
Mesajlar
50
Ticaret: 0 / 0 / 0
Merhabalar,
Bir çoğumuzun çok işine yarayan ve çoğu kişinin aradığı bir kaç kod parçacığı paylaşacağım. Bu kodlar ile; html tablonuzu aynı şekilde bir tık ile Excel formatında indirebilirsiniz. Tamamen denenmiştir ve sorunsuzdur. Kodlar içerisinde kendinize göre düzenleme yapabilirsiniz.

HTML Tablomuz:
HTML:
<table id="tablom" class="table">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td colspan="2">Larry the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

Aktar butonumuz:
HTML:
<input  type="button" onclick="tableToExcel('tablom', 'Sayfa 1')" value="Excel'e Aktar">

Aktarmamızda bizlere yardımcı olacak; javascript kodumuz:
JavaScript:
<script type="text/javascript">
    var tableToExcel = (function() {
        var uri = '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]--><meta http-equiv="content-type" content="text/plain; charset=UTF-8"/></head><body><table>{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]; }) }
        return function(table, name) {
            if (!table.nodeType) table = document.getElementById(table)
            var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML}
            window.location.href = uri + base64(format(template, ctx))
        }
    })()
</script>