bootstraptable 导出excel 中的图片
时间: 2023-09-24 16:00:46 浏览: 162
在bootstraptable导出Excel中,可以通过以下步骤来添加图片:
1. 首先,确保在你的表格中有一个包含图片url的列。这个url是指向你要添加到Excel中的图片的路径。
2. 在导出Excel的配置选项中,设置对应列的formatter函数。这个函数将负责将图片url转换为图片。
3. 在formatter函数中,创建一个img元素,并设置其src属性为图片url。然后返回这个img元素作为formatter的结果。
4. 确保你的表格数据中包含了图片url的列,并将这个列配置为formatter函数的对应列。
以下是一个示例代码:
```
// 在bootstraptable的导出配置中添加以下代码
exportOptions: {
// 导出选项
onCellHtmlData: function (cell, rowIndex, colIndex, htmlData) {
if (colIndex == imageColumnIndex) { // 假设图片列的索引为imageColumnIndex
let value = $(htmlData).find('img').attr('src');
return value;
}
return htmlData;
}
},
// 在bootstraptable的列配置中添加以下代码
formatter: function (value, row, index) {
if (index == imageColumnIndex) { // 假设图片列的索引为imageColumnIndex
return '<img src="' + value + '">';
}
return value;
}
```
通过以上步骤,你就可以在导出Excel时将图片正确地添加到对应的列中了。请确保你的图片url是有效的,并且可以在Excel中正确地加载。
阅读全文