關(guān)于BootstrapTable導(dǎo)出數(shù)據(jù)的問(wèn)題最終解決方案_第1頁(yè)
關(guān)于BootstrapTable導(dǎo)出數(shù)據(jù)的問(wèn)題最終解決方案_第2頁(yè)
關(guān)于BootstrapTable導(dǎo)出數(shù)據(jù)的問(wèn)題最終解決方案_第3頁(yè)
關(guān)于BootstrapTable導(dǎo)出數(shù)據(jù)的問(wèn)題最終解決方案_第4頁(yè)
關(guān)于BootstrapTable導(dǎo)出數(shù)據(jù)的問(wèn)題最終解決方案_第5頁(yè)
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

第關(guān)于BootstrapTable導(dǎo)出數(shù)據(jù)的問(wèn)題最終解決方案要導(dǎo)出的數(shù)據(jù):/json/data1.jsonorder=asc

使用的插件(注意插件版本依賴):tableExport.jquery.plugin

!DOCTYPEhtml

htmllang="en"

head

metacharset="UTF-8"

titleTableExport/title

!--jquery--

scriptsrc="/jquery/3.4.0/jquery.min.js"/script

!--bootstrap--

linkhref="/twitter-bootstrap/4.3.1/css/bootstrap.min.css"rel="externalnofollow"rel="stylesheet"

scriptsrc="/popper.js/1.14.7/umd/popper.min.js"/script

scriptsrc="/twitter-bootstrap/4.3.1/js/bootstrap.min.js"/script

!--fontawesome--

scriptsrc="/font-awesome/5.8.1/js/all.min.js"/script

!--bootstrap-table--

linkhref="/bootstrap-table/1.14.2/bootstrap-table.min.css"rel="externalnofollow"rel="stylesheet"

scriptsrc="/bootstrap-table/1.14.2/bootstrap-table.min.js"/script

!--bootstrap-table-lanuage--

scriptsrc="/bootstrap-table/1.14.2/bootstrap-table-locale-all.min.js"/script

!--bootstrap-table-export--

scriptsrc="/bootstrap-table/1.14.2/extensions/export/bootstrap-table-export.min.js"/script

!--在客戶端保存生成的導(dǎo)出文件--

scriptsrc="/FileSaver.js/2014-11-29/FileSaver.min.js"/script

!--以XLSX(Excel2007+XML格式)格式導(dǎo)出表(SheetJS)--

scriptsrc="/xlsx/0.14.2/xlsx.core.min.js"/script

!--以PNG格式導(dǎo)出表格--

!--對(duì)于IE支持包括html2canvas之前的es6-promise--

scriptsrc="/es6-promise/4.1.1/es6-promise.auto.min.js"/script

scriptsrc="/html2canvas/0.5.0-beta4/html2canvas.min.js"/script

!--將表導(dǎo)出為PDF文件--

scriptsrc="/tableexport.jquery.plugin/libs/jsPDF/jspdf.min.js"/script

scriptsrc="/tableexport.jquery.plugin/libs/jsPDF-AutoTable/jspdf.plugin.autotable.js"/script

!--無(wú)論期望的格式如何,最后都包含tableexport.jquery.plugin(不是tableexport)--

scriptsrc="/tableexport.jquery.plugin/tableExport.min.js"/script

/head

body

div

divid="toolbar"

select

optionvalue=""ExportBasic/option

optionvalue="all"ExportAll/option

optionvalue="selected"ExportSelected/option

/select

/div

buttontype="button"導(dǎo)出/button

tableid="table"data-locale="zh-CN"/table

/div

script

$(function(){

$.ajax({

url:"/json/data1.jsonorder=asc",

success:function(result){

//初始化表格

$('#toolbar').find('select').change(function(){

$('#table').bootstrapTable('destroy').bootstrapTable({

data:result,

pagination:true,//顯示分頁(yè)

clickToSelect:true,//單擊列表選中

toolbar:"#toolbar",//顯示工具欄

showToggle:true,//工具欄上顯示列表模式切換

showExport:true,//工具欄上顯示導(dǎo)出按鈕

exportDataType:$(this).val(),//顯示導(dǎo)出范圍

exportTypes:['json','xml','png','csv','txt','sql','doc','excel','xlsx','pdf'],//導(dǎo)出格式

exportOptions:{//導(dǎo)出設(shè)置

fileName:'Tablexxx',//下載文件名稱

columns:[

field:'state',

checkbox:true,

visible:$(this).val()==='selected'

field:'id',

title:'ID'

},{

field:'name',

title:'ItemName'

},{

field:'price',

title:'ItemPrice'

}).trigger('change');

//自定義按鈕導(dǎo)出數(shù)據(jù)

functionexportData(){

$('#table').tableExport({

type:'excel',

exportDataType:"all",

ignoreColumn:[0],//忽略某一列的索引

fileName:'Tablexxx',//下載文件名稱

onCellHtmlData:function(cell,row,col,data){//處理導(dǎo)出內(nèi)容,自定義某一行、某一列、某個(gè)單元格的內(nèi)容

(data);

retur

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論