x-data-spreadSheet中的styles配置文档-Toy模板网

这篇具有很好参考价值的文章主要介绍了x-data-spreadSheet中的styles配置文档。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

这里的styles指的是 Spreadsheet.getData() 这个函数给的数据对象中的styles变量的值

同时要注意，在使用Spreadsheet.loadData() 的时候，传入rows数据的时候如果在单元格中有styles变量，那么就必须一起传入styles

文章来源地址https://www.toymoban.com/news/detail-747964.html

以下是styles元素中基本的配置

{
　　//此处的font元素可以参考此链接 https://developer.mozilla.org/en-US/docs/Web/CSS/font 但是只有下面4个会生效
　　font:{//在此处设置字体格式
　　　　name:"Helvetica", //字体名称
　　　　size:22, //字号大小，这里使用的是int类型，没有测试过插入字符串
　　　　bold:true, //是否加粗
　　　　italic:true, //是否斜体
　　}，
　　align:"center", //配置内容水平对齐方式可选值为“left”，“center”，“right”
　　valign:"middle", //配置内容垂直对齐方式可选值为“top”，“middle”，“bottom”
　　underline:true, //单元格所有文本的下划线要注意不是对应到字符串的
　　strike:true,//单元格所有文本的划线
　　color:"#8596b0",//字体颜色使用16进制颜色表示 https://html-color.codes/
　　bgcolor:"#fdc101",//单元格的背景颜色
　　border:{//这个是单元格边框的格式
　　　　top:["thin","#000"],//第一个字符串表示线的粗细可选为thin medium thick dashed dotted。第二个字符串表示线的颜色，使用16进制颜色表示
　　　　left:["thin","#000"],//同上
　　　　right:["thin","#000"],//同上
　　　　bottom:["thin","#000"]//同上
　　}
}

上面的这些是我已经知道的配置项，如果有额外的格式配置，请联系我。我会将他添加在上面

以下是格式预览

x-data-spreadSheet中的styles配置文档