首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在SheetJS .xlsx生成的文件中添加单元格边框?

如何在SheetJS .xlsx生成的文件中添加单元格边框?
EN

Stack Overflow用户
提问于 2018-05-01 10:17:41
回答 1查看 14K关注 0票数 12

我有一个SheetJS .xlsx生成的文件,但我无法将border放到cells中。

我有这个:

我需要这个:

有没有办法用SheetJS做到这一点呢?如果有一种方法可以应用另一种单元格样式,比如背景色,那就太酷了。

编辑

我正在用这个函数制作工作表:

代码语言:javascript
复制
function makeSheet(wb, day){        //sheet for a specific day
    var ws = XLSX.utils.table_to_sheet(document.getElementById("table"+day));
    wb.SheetNames.push(day);
    wb.Sheets[day] = ws;
    //columns width working ok
    wb["Sheets"][day]["!cols"] = [{ wpx : 70 },{ wpx : 121 }];
    //wb["Sheets"][day]["A1"]["s"] = {"border":"1px"};  //I've tried this but doesn't work
  return wb;
}

编辑2个

我已经创建了这个示例代码片段,如果您可以在此处放置边框和/或其他单元格样式,这将是一个胜利:

代码语言:javascript
复制
$(document).ready(myMain);
function myMain(){
  $(document).on("click","#btnexcel", function(){makeExcel()});
}
function s2ab(s) {
  var buf = new ArrayBuffer(s.length);
  var view = new Uint8Array(buf);
  for (var i=0; i<s.length; i++) view[i] = s.charCodeAt(i) & 0xFF;
  return buf;
}
function makeExcel(){
	var wb = XLSX.utils.table_to_book(document.getElementById("myTable"),{sheet:"Sheet 1"})	//my html table

	var wbout = XLSX.write(wb, {bookType:'xlsx',  bookSST:true, type: 'binary'});
	saveAs(new Blob([s2ab(wbout)],{type:"application/octet-stream"}), 'MyExcel.xlsx');
}
代码语言:javascript
复制
<!-- JQuery  -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Bootstrap CSS-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- Bootstrap JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<script lang="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.12.13/xlsx.full.min.js"></script>
<script src="https://fastcdn.org/FileSaver.js/1.1.20151003/FileSaver.min.js"></script>

<button id="btnexcel">Download excel</button>
<table id="myTable" border="1">
  <thead><tr><th>hello</th><th>dear community</th></tr></thead>
  <tbody>
    <tr><td>I need borders</td><td>around here</td></tr>
    <tr><td>I'll be glad</td><td>if you help me</td></tr>
  </tbody>
</table>

EN

回答 1

Stack Overflow用户

发布于 2018-05-09 22:08:40

代码语言:javascript
复制
var wscols = [{wpx: 100}];
ws['!cols'] = wscols ;
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50110595

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档