while exporting bootstraptable excel, headers , non editable columns exported editable columns showing empty values.
in above image first column exported , second column showing empty values on excel.
html
<div id="toolbar"> <select class="form-control"> <option value="">select export</option> <option value="all">export all</option> <option value="selected">export selected</option> </select> </div> <table id="cttable" data-search="true" data-toolbar="#toolbar" data-id-table="advancedtable" data-show-refresh="true" data-show-columns="true" data-classes="table table-hover" data-show-export="true" data-url="my server url" data-show-footer="false" data-minimum-count-columns="2" data-pagination="true" data-id-field="id" data-striped="true" data-page-list="[10, 25, 50, 100]" data-show-multi-sort="true" data-sort-priority='[{"sortname": "id","sortorder":"asc"}]' data-show-footer="false"> </table> js
var $table=$("#cttable"); var ctdata=[]; var xhr=$.ajax({ type : "get", datatype: "json", url : dir + "my server url", async: false, success : function(resp) { ctdata = json.parse(resp); } }); $table.bootstraptable('destroy'); $table.bootstraptable({ cookie : true, cookieidtable : 'cookieid', cookieexpire : '5mi', data : ctdata, height : 550, filtercontrol : true, // fixedcolumns: true, // fixednumber: 5, showexport : true, exporttypes : [ 'excel' ], columns : [ { field : 'state', checkbox : true, align : 'center', valign : 'middle' }, { title : 'id', field : 'id', align : 'middle', valign : 'middle', sortable : true, }, { title : 'col1', field : 'col1', align : 'middle', valign : 'middle', sortable : true, emptytext:"please fill here!", }, { title : 'col2', field : 'col2', align : 'left', valign : 'middle', sortable : true, filtercontrol : 'input' }, { title : 'col3', field : 'col3', align : 'middle', valign : 'middle', sortable : true, }, { title : 'col4', field : 'col4', align : 'left', valign : 'middle', sortable : true, }, { title : 'col5', field : 'col5', align : 'left', valign : 'middle', sortable : true, }, { title : 'col6', field : 'col6', align : 'left', valign : 'middle', sortable : true, }, { title : 'col7', field : 'col7', align : 'left', valign : 'middle', sortable : true, }, { title : 'col8', field : 'col8', align : 'left', valign : 'middle', sortable : true, }, { title : 'col9', field : 'col9', align : 'left', valign : 'middle', sortable : true, }, { title : 'col10', field : 'col10', align : 'left', valign : 'middle', sortable : true, }, { title : 'col11', field : 'col11', align : 'left', valign : 'middle', sortable : true, }, { title : 'col12', field : 'col12', align : 'left', valign : 'middle', sortable : true, editable : true }, { title : 'col13', field : 'col13', align : 'left', valign : 'middle', sortable : true, }, { title : 'col14', field : 'col14', align : 'left', valign : 'middle', sortable : true, }, { title : 'col15', field : 'col15', align : 'left', valign : 'middle', sortable : true, editable : true, }, { title : 'col16', field : 'col16', align : 'left', valign : 'middle', sortable : true, editable : true, }, { title : 'col17', field : 'col17', align : 'left', valign : 'middle', sortable : true, editable : true, }, { title : 'col18', field : 'col18', align : 'left', valign : 'middle', sortable : true, editable : true, }, { title : 'col19', field : 'col19', align : 'left', valign : 'middle', sortable : true, editable : true, }, { title : 'col20', field : 'col20', align : 'left', valign : 'middle', sortable : true, editable : true, }, { title : 'col21', field : 'col21', align : 'left', valign : 'middle', sortable : true, editable : true, }, { title : 'col22', field : 'col22', align : 'left', valign : 'middle', sortable : true, editable : true, }, { title : 'col23', field : 'col23', align : 'left', valign : 'middle', sortable : true, editable : true, }, { title : 'col24', field : 'col24', align : 'left', valign : 'middle', sortable : true, editable : true, }, { title : 'col25', field : 'col25', align : 'left', valign : 'middle', sortable : true, editable : true, }, { title : 'col26', field : 'col26', align : 'left', valign : 'middle', sortable : true, editable : true, }, { title : 'col27', field : 'col27', align : 'left', valign : 'middle', sortable : true, editable : true, }, { title : 'col28', field : 'col28', align : 'left', valign : 'middle', sortable : true, editable : true, }] }).on('editable-init.bs.table', function(e){ console.log("init ", e.tostring()); }).on('editable-save.bs.table', function(field, row, oldvalue, $el){ console.log("save ", field, row, oldvalue, $el); var xhr=$.ajax({ type : "post", contenttype: "application/json", data: json.stringify(oldvalue), url : dir + "my server url", async: false, success : function(resp) { console.log(resp); }, error:function(resp){ console.log("error:", resp) } }); }); $('#toolbar').find('select').change(function() { $table.bootstraptable('refreshoptions', { exportdatatype: $(this).val() }); }); please let me know problem, thank you.
i have used old version of tableexport.js, working when checked latest version of tableexport.js have in bootstrap-table examples.
Comments
Post a Comment