DataTables使用自定义格式导出到Excel

时间:2016-10-23 02:07:37

标签: javascript html html5 datatables

我在使用DataTables时遇到了困难。一切正常,但是当我将表导出到Except时它没有任何格式化,只是纯文本。 在导出的excel我想要:在第一行显示导出表的标题(它由表所在的html标题标签)和下面第1行应从第2行开始表,全表显示表示带有thead和tfoot标签,每列的宽度足以使文本适合单元格,一些列对齐到右边,一些列居中并围绕每一行和单元格。 DataTables有可能吗?

我的DataTable JS内部文档:

<script type="text/javascript">
$(document).ready(function() {
    $('#example').DataTable( {
        select: true,
        "paging":   false,
        "searching": false,
        dom: 'Bfrtip',
        buttons: [
            'excelHtml5',
            'print',
        ],
        "language": {
            "info": "Ukupno: _TOTAL_ kupovina",
            "infoEmpty": "Nema kupovina",
        },
    } );
} );
</script>

表格本身:

<table id="example" class="table table-bordered" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th colspan="2" style="text-align:center;">Info</th>
            <th colspan="4" style="text-align:center;">KG i novac</th>
            <th colspan="2" style="text-align:center;">Ambalaža</th>
            <th colspan="1" style="text-align:center;">Ostalo</th>
        </tr>
        <tr>
            <th width="5%">R.B.</th>
            <th width="15%">Datum</th>
            <th style="text-align:right;" width="10%">KG</th>
            <th style="text-align:center;" width="10%">Cena</th>
            <th style="text-align:right;" width="10%">Ukupno</th>
            <th style="text-align:right;" width="10%">Isplaćeno</th>
            <th style="text-align:right;" width="10%">Dato</th>
            <th style="text-align:right;" width="10%">Uzeto</th>
            <th style="text-align:center;" width="20%">Napomena</th>
        </tr>
    </thead>
    <tfoot>
        <th>TOTAL</th>
        <th>TOTAL</th>
        <th>TOTAL</th>
        <th>TOTAL</th>
        <th>TOTAL</th>
        <th>TOTAL</th>
        <th>TOTAL</th>
        <th>TOTAL</th>
        <th>TOTAL</th>
    </tfoot>
    <tbody>
        <tr>
            <td>1.</td>
            <td>22.08.2016.</td>
            <td>100</td>
            <td>200</td>
            <td>20000</td>
            <td>20000</td>
            <td>28</td>
            <td>28</td>
            <td>Bez napomene</td>
        </tr>
        <tr>
            <td>1.</td>
            <td>22.08.2016.</td>
            <td>100</td>
            <td>200</td>
            <td>20000</td>
            <td>20000</td>
            <td>28</td>
            <td>28</td>
            <td>Bez napomene</td>
        </tr>
    </tbody>
</table>

希望有可能。

0 个答案:

没有答案