X-data-spreadsheet色域扩容

已于 2022-07-01 09:18:39 修改
阅读量525 收藏 2
点赞数
分类专栏： java python 文章标签： 大数据 spring cloud vue.js 前端框架 javascript
于 2022-06-27 17:44:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LDS666win/article/details/125488265
版权

色域扩容

2022-06-27 17:36:29 星期一

问题描述

因x-data-spreadsheet的源码中对色域的支持较少因此为了满足业务中Excel背景色的要求对x-data-spreadsheet的源码进行调整，后续可按照同样方式补充色块满足业务需要。

页面位置

在这里插入图片描述

源码位置

`node_modules\x-data-spreadsheet\src\component\color_palette.js`

在这里插入图片描述

修改方式

添加一组颜色放到数组内
如：‘#00FFFF’
在这里插入图片描述

展示效果

在这里插入图片描述

神码墨子
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
x-spreadsheet学习01
qq_38391187的博客
05-14 6611
文章目录使用 项目地址;link 使用 一个最简单的demo，只用一个html，不需要任何其它配置 <link rel="stylesheet" href="https://unpkg.com/x-data-spreadsheet@1.1.1/dist/xspreadsheet.css"> <script src="https://unpkg.com/x-data-spreadsheet@1.1.1/dist/xspreadsheet.js"></script> <
x-spreadsheet：基于WebJavaScript（画布）电子表格
02-04
link rel =" stylesheet " href =" https://unpkg.com/x-data-spreadsheet@1.1.5/dist/xspreadsheet.css " >< script src =" https://unpkg.com/x-data-spreadsheet@1.1.5/dist/xspreadsheet.js " > </...
x-data-spreadsheet 在线编辑excel文件，支持导入/导出/上传/读取网络 excel，合并单元格（vue版本）
天道酬勤
12-24 7847
1. 环境 vue：2.6.10 x-data-spreadsheet：1.1.8 less：4.0.0 less-loader：7.1.0 xlsx：0.15.1 2. 优点 可以导入本地excel文件，读取文件数据及合并单元格信息，呈现在线上excel中。 可以将线上的excel导出成excel文件，并保留合并单元格信息 3. 缺点 不能读取本地excel文件中的样式信息 不能导出线上excel文件样式信息 3. 代码 <template> <div>
vue 下使用 exceljs + x-spreadsheet 带样式导入Excel
lee576的专栏
11-20 4340
【说明】导入的Excel 字体颜色和背景色只能识别【标准色】,别的如"主题颜色"，exceljs 解析出来不是颜色值。导入的样式包括字体，字号，列宽，合并单元格，【部分能识别】的背景色，文字颜色。导入到 x-data-spreadsheet 如下图。原Excel样式如下。
vue实现在线Excel表格功能
最新发布
qq_37312180的博客
01-25 2040
vue实现在线Excel表格功能。
x-spreadsheet.zip
08-13
《前端Web Excel应用：探索x-spreadsheet》 在当今数字化时代，数据处理与分析已成为企业和个人日常工作中不可或缺的一部分。Excel作为传统桌面端的数据管理工具，以其强大的功能和易用性赢得了广泛赞誉。然而，...
x-spreadsheet:基于 Web 的 JavaScript（画布）电子表格-开源
07-17
这是一个建立在 Web(es6) 画布上的轻量级 Excel 开发库。 这些参数在第一次实例化时加载，也可以稍后设置，但建议提前修改并加载您需要更改的更改。 可以调整默认显示的列数len，AZ，每列默认宽度，左序列列默认宽度...
react-spreadsheet:用于 React 的简单、可定制且高性能的电子表格
07-24
React电子表格 用于 React 的简单、可定制...const data = [ [ { value : "Vanilla" } , { value : "Chocolate" } ] , [ { value : "Strawberry" } , { value : "Cookies" } ] , ] ; const MyComponent = ( ) => <
PhpSpreadsheet-master.zip
06-30
- **创建电子表格**：首先创建一个Spreadsheet对象，然后通过`getActiveSheet()`获取当前工作表，再通过`setCellValue()`设置单元格内容。 - **读取电子表格**：使用对应格式的Reader类，如`\PhpOffice\...
xspreadsheet是一款基于javascript开发的简单的易用的在线表格插件
08-11
xspreadsheet 是一款基于javascript开发的，简单的，易用的在线表格插件
spreadsheet api说明文档(pdf)
02-07
formula one 控件的升级版说明文档, 可嵌入类中的excel控件
X-data-Spreadsheet增强Excel函数支持
LDS666win的博客
07-01 1053
针对x-data-spreadsheet仅支持基本的Excel函数，无法适应对应的业务需求因此对spreadsheet源码进行调整
封装 x-spreadsheet 带样式导入导出
lee576的专栏
12-07 2859
接上两篇vue 下使用 exceljs + x-spreadsheet 带样式导入Excelvue 下使用 exceljs + x-spreadsheet 带样式导出Excel下面封装好一个组件 调用组件的页面 效果如图，目前“导出Json”还没有做
x-data-spreadsheet一款web表格插件
gaodda的博客
08-13 8640
1.缺点 ie浏览器不支持 目前不能配置多个sheet 不会自动添加列 2.优点 可编辑表格 可导出相应格式化数据 可校验 结合web页面操作简单方便 3.使用 npm install x-data-spreadsheet <div id="x-spreadsheet-demo"></div> import Spreadsheet from "x-data-sp...
vue中使用x-Spreadsheet创建表格组件
cnbyz的博客
11-09 2776
在vue中使用x-spreadsheet创建简单的表格组件
vue中excel的编辑、导入、导出
风舞红枫的个人博客
08-13 4134
vue中实现excel的编辑、导入、导出
vue自定义打印模版
LJX9738的博客
04-10 5137
因公司需要，需要用户自定义打印模版，并生成纸质单据 1.安装x-data-spreadsheet npm install x-data-spreadsheet 2.配置 页面中直接引用 import Spreadsheet from 'x-data-spreadsheet'; import zhCN from 'x-data-spreadsheet/src/locale/zh-cn' //汉化 Spreadsheet.locale('zh-cn', zhCN); <template> &l
报表Excel的制作X-Spreadsheet
weixin_46037781的博客
07-22 2092
X-Spreadsheet中文文档 NPM 你可以使用 npm 包的形式安装 基于项目构建 npm install x-data-spreadsheet 在 html 中 <div id="x-spreadsheet-demo"></div> 在 js 中 import Spreadsheet from "x-data-spreadsheet"; // If you need to override the default options, you can set the o
x-data-spreadsheet如何初始化表格
03-23
x-data-spreadsheet可以通过以下代码初始化表格： ```javascript var myTable = new x_spreadsheet('#myTable', { view: { height: function() { return document.documentElement.clientHeight - 100; } } })...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值