<div class="panel-body show export-button" id="exportTable" style="display:none">
    <div class="row">
        <div class="col-md-3">
            <div class="list-group border-bottom">
                <a href="#" class="list-group-item" onclick="$('#<?php echo $table_id;?>').tableExport({type:'json',escape:'false'});"><img src="http://demos.w3lessons.info/assets/images/icons/json.png" width="24"> JSON</a>
                <a href="#" class="list-group-item" onclick="$('#<?php echo $table_id;?>').tableExport({type:'json',escape:'false',ignoreColumn:'[2,3]'});"><img src="http://demos.w3lessons.info/assets/images/icons/json.png" width="24"> JSON (ignoreColumn)</a>
                <a href="#" class="list-group-item" onclick="$('#<?php echo $table_id;?>').tableExport({type:'json',escape:'true'});"><img src="http://demos.w3lessons.info/assets/images/icons/json.png" width="24"> JSON (with Escape)</a>
            </div>
        </div>
        <div class="col-md-2">
            <div class="list-group border-bottom">
                <a href="#" class="list-group-item" onclick="$('#<?php echo $table_id;?>').tableExport({type:'xml',escape:'false'});"><img src="http://demos.w3lessons.info/assets/images/icons/xml.png" width="24"> XML</a>
                <a href="#" class="list-group-item" onclick="$('#<?php echo $table_id;?>').tableExport({type:'sql'});"><img src="http://demos.w3lessons.info/assets/images/icons/sql.png" width="24"> SQL</a>
            </div>
        </div>
        <div class="col-md-2">
            <div class="list-group border-bottom">
                <a href="#" class="list-group-item" onclick="$('#<?php echo $table_id;?>').tableExport({type:'csv',escape:'false'});"><img src="http://demos.w3lessons.info/assets/images/icons/csv.png" width="24"> CSV</a>
                <a href="#" class="list-group-item" onclick="$('#<?php echo $table_id;?>').tableExport({type:'txt',escape:'false'});"><img src="http://demos.w3lessons.info/assets/images/icons/txt.png" width="24"> TXT</a>
            </div>
        </div>
        <div class="col-md-3">
            <div class="list-group border-bottom">
                <a href="#" class="list-group-item" onclick="$('#<?php echo $table_id;?>').tableExport({type:'excel',escape:'false'});"><img src="http://demos.w3lessons.info/assets/images/icons/xls.png" width="24"> XLS</a>
                <a href="#" class="list-group-item" onclick="$('#<?php echo $table_id;?>').tableExport({type:'doc',escape:'false'});"><img src="http://demos.w3lessons.info/assets/images/icons/word.png" width="24"> Word</a>
                <a href="#" class="list-group-item" onclick="$('#<?php echo $table_id;?>').tableExport({type:'powerpoint',escape:'false'});"><img src="http://demos.w3lessons.info/assets/images/icons/ppt.png" width="24"> PowerPoint</a>
            </div>
        </div>
        <div class="col-md-2">
            <div class="list-group border-bottom">
                <a href="#" class="list-group-item" onclick="$('#<?php echo $table_id;?>').tableExport({type:'png',escape:'false'});"><img src="http://demos.w3lessons.info/assets/images/icons/png.png" width="24"> PNG</a>
                <a href="#" class="list-group-item" onclick="$('#<?php echo $table_id;?>').tableExport({type:'pdf',escape:'false'});"><img src="http://demos.w3lessons.info/assets/images/icons/pdf.png" width="24"> PDF</a>
            </div>
        </div>
    </div>                               
