hxj9102/table2excel

table导出excel 单元格存放多张图片改成时,只能加<br/>换行,不能在单元格一行显示和设置多张图片之间的间距

Opened this issue · 2 comments

如果去掉<br/>标签,会出现多张图片重叠现象,有没有办法通过设置td 的样式,图片在一行显示,不使用<br/> 换行?或者其他处理方法?谢谢

代码如下:

// function getImageHtml(val, options) {
// 	options = Object.assign({width: 40, height: 60}, options)
// 	return `<td style="width: ${options.width}px; height: ${options.height}px; text-align: center; vertical-align: middle"><img src="${val}" width=${options.width} height=${options.height}></td>`
// }
function getImageHtml(val, options) {
  options = Object.assign({width: 60, height: 60}, options)
  const valList = val ? JSON.parse(val) : []
  let tdStr =  `<td style="width: ${options.width * 2}px; height: ${options.height}px; text-align: center; vertical-align: middle;">`
  valList.forEach((item, index) => {
    tdStr +=`<img src="${item.url}" width=${options.width} height=${options.height}><br/>`
  });
  tdStr +=`</td>`
  return tdStr
}

可以处理下数据 我目前是这样做的 [{img1:地址},{img2:地址}] 然后在cloumn 中处理下data的数据把所有出现的 imgkey 放到 cloumn中 这样最终的图片会 以此排开

就像这样
微信图片_20240111091950