首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【图解】Web前端实现类似Excel的电子表格

本文将通过图解的方式,使用纯前端表格控件 SpreadJS 来一步一步实现在线的电子表格产品(例如可构建Office 365 Excel产品、Google的在线SpreadSheet)。...如果你想了解Web站点和Web应用程序的构建技术 如果你想在短时间内构建一个复杂的在线的电子表格产品的网站 如果想用纯前端、HTML5方式实现Web站点 必要的环境 用如下环境进行开发 支持HTML5...还可以设置边框的类型,通过修改LineBorder第二个参数,该参数GC.Spread.Sheets.LineStyle的枚举。...4, GC.Spread.Sheets.SheetArea.colHeader); // 結合 activeSheet.addSpan(0, 0, 2..., 4, GC.Spread.Sheets.SheetArea.rowHeader); // 单元格結合 activeSheet.addSpan(0, 0

8.1K90

【图解】Web前端实现类似Excel的电子表格

本文将通过图解的方式,使用纯前端表格控件 SpreadJS 来一步一步实现在线的电子表格产品(例如可构建Office 365 Excel产品、Google的在线SpreadSheet)。...如果你想了解Web站点和Web应用程序的构建技术 如果你想在短时间内构建一个复杂的在线的电子表格产品的网站 如果想用纯前端、HTML5方式实现Web站点 必要的环境 用如下环境进行开发 支持HTML5...还可以设置边框的类型,通过修改LineBorder第二个参数,该参数GC.Spread.Sheets.LineStyle的枚举。...(0, 0, 2, 4, GC.Spread.Sheets.SheetArea.colHeader); // 結合 activeSheet.addSpan(...0, 0, 2, 4, GC.Spread.Sheets.SheetArea.rowHeader); // 单元格結合 activeSheet.addSpan

9.1K60
您找到你想要的搜索结果了吗?
是的
没有找到

EXCEL VBA语句集300

VBA代码,避免出现错误消息 (3) On Error GoTo ErrorHandler ‘当错误发生时跳转到过程中的某个位置 (4) On Error GoTo 0 ‘恢复正常的错误提示 ...(35) Cells.Clear ‘清除工作表中所有单元格的内容 (36) ActiveCell.Offset(1,0).Select ‘活动单元格下移一,同理,可下移一列 (37) Range...(“E4”).Select ‘激活当前活动单元格下方3,向右4列的单元格 (46) Cells.Item(5,”C”) ‘引单元格C5 Cells.Item(5,3) ‘引单元格C5 (47...(54) Selection.Areas.Count ‘选中的单元格区域所包含的区域数 (55) ActiveSheet.UsedRange.Row ‘获取单元格区域中使用的第一的行号 ...,vbYesNo) ‘在消息框中点击“是”按钮,Ans值vbYes;点击“否”按钮,Ans值vbNo。 If MsgBox(“Continue?”

1.7K40

最全总结 | 聊聊 Python 办公自动化之 Excel(上)

'第2数据:', row_datas) # 单独获取某一列数据,索引从0开始 # 比如:获取第二列数据 column_datas = sheet.col_values(1) print('第2列数据...在 xlrd 中,单元格的数据类型包含 6 种,用 ctype 属性对应关系如下: 0 -- (empty) 1 -- 字符串(string) 2 -- 数字(number) 3 --.... print("单元格数据类型:", cell_type) 最后,如果要获取当前 Sheet 所有单元格中的数据,可以通过遍历所有、列来操作 # 获取所有单元格的值 print('表格中所有数据如下...进阶用法 接下来,聊聊几个常用的进阶用法 1、获取所有可见的 Sheet 在读取 Sheet 数据时,经常需要过滤隐藏的 Sheet 当 sheet 对象的 visibility 属性值 0 时,代表此...Sheet 在工作簿中是显示的;否则被隐藏了 def get_all_visiable_sheets(self, wb): """ 获取所有可见的sheet :param wb

1.4K40

最全总结 | 聊聊 Python 办公自动化之 Excel(中)

;而对于列数据的获取,必须传入字符串索引 和 Python 列表范围取值类似,openpyxl 同样支持使用 : 符号拿到某个范围内的数据[列] def get_rows_by_range(sheet...进阶用法 接下来,聊聊几个常用的进阶用法 1、获取可见及隐藏的 Sheet 通过判断 Sheet 对象的 sheet_state 属性值,可以判断当前 Sheet 是显示还是隐藏 当值 visible...get_all_sheet(wb) if sheet.sheet_state == 'hidden'] 2、获取隐藏/显示的索引列表、列索引列表 受限于篇幅,这里以获取所有显示/隐藏索引列表例...: """ # 遍历 # 隐藏的索引 hidden_indexs = [] # 所有隐藏索引 for row_index, rowDimension...受限于篇幅,文中只展示了部分功能和代码,更加复杂的功能,比如:单元格合并、单元格完整样式操作,我已经封装成方法上传到后台 要获取全部源码,关注公众号,后台回复「 excel 」即可获得全部源码 如果你觉得文章还不错

1.5K30

VBA专题10-2:使用VBA操控Excel界面之设置工作表

名称框 名称框中的名字是单元格区域定义的名字,可以由用户定义名称,或者由Excel自动创建,例如Print_Area和表1。...'隐藏活动工作簿中指定的名称(例如,命名为MyRange1的单元格区域) '设置True取消隐藏 Names("MyRange1").Visible= False 公式栏 隐藏和取消隐藏公式栏 示例代码....DisplayVerticalScrollBar = True '取消隐藏 End With 滚动一或一列 示例代码: '设置距离窗格或窗口顶部的特定 '设置距离顶部5 ActiveWindow.ScrollRow...即使工作表被隐藏,其索引值不会改变。如果没有被隐藏的工作表,那么最左侧的工作表标签是工作簿中的第1个工作表,其索引值1。 3....设置工作表标签颜色 示例代码: '修改工作簿中工作簿标签颜色 Sheets(1).Tab.Color =vbGreen '恢复工作表标签颜色无色 Sheets(1).Tab.Color =False

4.6K40

MatLab函数xlsread、xlswrite、xlsfinfo

、列号均用整数表示,比如 R3C3 就表示第 3 第 3 列对应的单元格(R 即 row,C 即 column)。...如果 sheet 大于工作表张数的索引, xlswrite 将追加工作表直至工作表数等于 sheet。 【注】当添加新工作表时,xlswrite 都会生成一条警告信息提示已添加新工作表。...【注】Excel A1 引用样式行号用整数标识、列号用字母标识,比如 C3 就表示第 3 第 C 列对应的单元格;Excel R1C1 引用样式行号、列号均用整数表示,比如 R3C3 就表示第...若 filename 是xlsread 可读的文件, status 描述性文本;若 filename 不是 xlsread 可读的文件, status (即 ‘’);若 MatLab 找不到文件...如果 xlsread 无法读取特定的工作表,对应元胞包含错误;如果 xlsfinfo 找不到文件, sheets 包含错误信息。

3.9K20

Excel公式技巧14: 在主工作表中汇总多个工作表中满足条件的值

在《Excel公式练习32:将包含单元格的多行多列单元格区域转换成单独的列并去掉单元格》中,我们讲述了一种方法,给定由多个列组成的单元格区域,从该区域返回由所有非单元格组成的单个列。...该公式的最后结果: 6 接下来,看看单元格A2中的主公式: =IF(ROWS($1:1)>$G$1,"",INDEX(INDIRECT("'"&INDEX(Sheets,MATCH(TRUE,Arry1...,则为。...例如,如果解构单元格A5中的公式,那么公式中的MATCH构造将如下所示: MATCH(TRUE,Arry1>=ROWS($1:4),0) 唯一发生变化的是引用ROWS($1:4)而不是ROWS($1:1...实际上,该技术的核心:通过生成动态汇总小计数量的数组,该小计数量由来自每个工作表中符合条件(即在列D中的值“Y”)的行数组成,然后将公式所在单元格相对行数与该数组相比较,以便有效地确定公式所在行中要指定的工作表

8.8K21

Python 自动化指南(繁琐工作自动化)第二版:十四、使用谷歌表格

读写数据 就像在 Excel 中一样,谷歌表格工作表有包含数据的列和单元格。您可以使用方括号运算符在这些单元格中读取和写入数据。...如果有数千个单元格需要更新,一次更新一个可能会非常慢。 列和寻址 单元格寻址在谷歌表格中就像在 Excel 中一样有效。...请注意,单元格在列表中变成空白字符串值。您可以向getColumn()传递一个列号或字母,告诉它检索特定列的数据。...如果有许多单元格要更新,一次更新一个单元格会很慢。以列表形式获取一列或一,更新列表,然后用列表更新整个列或要快得多,因为所有的更改都可以在一个请求中完成。...如果该行的合计正确,表达式int(ss[0].getRow(2)[0]) * int(ss[0].getRow(2)[1]) == int(ss[0].getRow(2)[2])的计算结果True。

8.4K50

Spread for Windows Forms高级主题(4)---自定义用户交互

fpSpread1.Sheets[0].AddSelection(5, 5, 3, 3); 自定义选择外观 Spread控件选择提供了一个默认的外观。...如果没有为选择设置颜色,默认颜色是Color.FromArgb(100, SystemColors.Highlight)。 被选择单元格的绘制方式 取决于SheetView类中的不同属性。...如果CanUndo返回的是false,这意味着撤销栈是的,并没有行为准备好被撤销。如果你的应用拥有编辑菜单,你可以使用该方法使编辑菜单中的撤销菜单失效。...如果CanRedo返回false,这意味着恢复栈是的,并且没有行为准备好被恢复。如果你的应用拥有编辑菜单,你可能希望使用该方法使编辑菜单中的恢复菜单失效。...SortUnsortedImageDisabled 如果你需要将图像重新设置Spread默认图像,你仅需要将SetImage方法中的图像值设置

1.8K60

Spread for Windows Forms高级主题(5)---数据处理

将数据填充到单元格的最好方式取决于你想添加字符串数据还是数据对象,以及你想添加数据到单一的单元格还是某个范围内的所有单元格。...当你使用不带格式的数据时,数据直接保存在数据模型中。如果你要把数据添加到直接保存在数据模型的表单中,你可能需要解析这些数据,因为控件没有进行解析。...例如,如果现有一个22列的单元格区域,你可以重复向下垂直填充5组22列的单元格区域。 使用FillRange方法。...例如,如果你将源单元格的背景色设置红色,那么背景色能够被交换过去,目标单元格的背景色就变成了红色。然而,如果你将包含源单元格的列的背景色设置红色,那么该设置不会被交换。...如果你尝试将目标区域与一个比它的可用区域大的区域进行交换时,交换操作不会执行。例如,如果你想交换一个含4个单元格的区域,而指定目标区域表单边界的一个单元格时,那么交换操作不会发生。

2.7K90

仿Excel的撤销功能

主要思路是使用一个工作表,来记录对工作表所做的修改,如果要撤销这些修改,就从这个工作表取出原来的值来恢复。注意,本文的示例只针对特定区域,且只能撤销两次。...(, 1).Value Application.UNDO ' 撤销最后一次输入 Target.Offset(, 1).Value = Target.Value ' 将之前的值放置到目标单元格右侧的单元格...i = i + 1 ' 增加实例, 用于UNDO过程 For Each rCell In rngToProcess ' 遍历目标区域中的单元格 With Sheets("UNDO...("UNDO") ' 名为UNDO的隐藏工作表 Set ws1 = Sheets("Sheet1") ' 要撤销操作的工作表 wsUend = wsU.Cells(Rows.Count, 1).End...(xlUp).Row ' 工作表UNDO的最后有数据的 On Error GoTo JumpOut ' 如果下一的代码产生错误跳转到过程底部的JumpOut处 inst = wsU.Range

10310

Laravel-Excel导出功能文档

, true); 如果想改变默认行为,可以去修改配置文件对应属性 excel::export.sheets.strictNullComparison Eloquent model 你也可以使用->fromModel...array( 'test3', 'test4' )); 同时操作单行多个单元格 // 设置第一背景黑色 $sheet->row(1, function($row) { $row->...设置单元格背景 // 设置多个单元格背景黑色 $cells->setBackground('#000000'); 设置字体 // 设置字体颜色 $cells->setFontColor('#ffffff...sheet的样式(并非某个或具体某些单元格),你可以使用->setStyle()方法 // 使用->setStyle()设置字体 $sheet->setStyle(array( 'font' =...如果你想冻结某个单元格或者列,操作方法如下: // 冻结第一 $sheet->freezeFirstRow(); // 冻结第一列 $sheet->freezeFirstColumn();

13.2K500

Spread for Windows Forms快速入门(2)---设置Spread表单

计算Spread控件的高度时,假设滚动条是关闭状态,没有标题,计算所有的高度以及每一个边界按1个像素计算,所以,如果现在有10,每行20像素高度,总的高度(10 x 20) + (10 x 1)...表单的背景色所显示的区域是表单中的非单元格区域,如图片中显示的那样。缺省情况下,这个区域是系统的控件颜色显示区域,下面这个示例把单元格之外的区域的背景色显示粉红色。 ?...[0].GrayAreaBackColor = Color.LightYellow; 表单设置背景图片 在表单的数据区域,你可以为单元格的背景设置一个图片。...[0].HorizontalGridLine = HGridLine; fpSpread1.Sheets[0].VerticalGridLine = VGridLine; 你也可以把网格线的类型设置None...,这样该方向的网格线就会隐藏起来: fpSpread1.ActiveSheet.HorizontalGridLine = New FarPoint.Win.Spread.GridLine(FarPoint.Win.Spread.GridLineType.None

1.6K70

Excel VBA项目实战

其中,「站名」和「站号」二者合并写入一个单元格且各占一。 2.分析思路 职场里遇到类似这样的业务需求,该怎么办呢?...虽然这句话我们之前没有见过,但是并不妨碍我们去拆解这句话,先从字面意思理解: 「Application」英文单词是“应用、程序”; 「WorksheetFunction」组合单词,拆分为Worksheet...然后,我们将这些意思联合起来,用大白话说就是:程序调用工作表的计数函数,首先,计算表格1-基础数据中D列非单元格个数,然后将计算的这个值「赋值」给左边的变量「totalrow」。...因此,整句话连接起来,我们可以大胆推测就是:将工作表B1-Bn某个单元格的值提取出来,然后赋值给「zhanhao」这个变量。...其次,「zhanming = Sheets("1-基础数据").Range("C"& i).Value」也按照这个思路推测就是:将工作表C1-Cn某个单元格的值提取出来,然后赋值给「zhanming」这个变量

1.6K50

Excelize 2.4.0 正式版发布, 新增 152 项公式函数支持

Release Notes ------------ 此版本中最显著的变化包括: 兼容性提示 升级至该版本需要您使用的 Go 语言 1.15 或更高版本。..., 相关 issue #625 公式计算引擎支持不等于运算符 嵌套公式函数现在支持将单元格引用用作参数 支持指定是否设置图表数据系列格式自动填充颜色 新增 152 项公式函数支持: ATAN, AVERAGE...,不再为单元格设置空白字符串而以值代替,解决 issue #756 移除内部处理单元格填充颜色样式时冗余的 XML 可选值解析标识 提升与 Google Sheets 离线浏览器扩展应用程序的兼容性...issue #769 在筛选器对应的名称中使用绝对引用以提升与 Apache OpenOffice 应用程序的兼容性,解决 issue #776 在流式解析工作表过程中增加 XML 标签关闭事件的处理,提升/...电子表格应用程序向创建的数据透视表中添加时间轴与切片器的问题,解决 issue #804 设置名称时内部的 localSheetId 属性将使用 sheetIndex,修正错误的工作表索引使用 修复部分情况下保存后的文档单元格锁定或隐藏属性可能丢失问题

2.1K71

Spread for Windows Forms高级主题(2)---理解单元格类型

单元格中,编辑操作被限制在数据区域的单元格中。如果你想将一些可编辑的部件像 表头那样进行操作,你可以将列头隐藏(或者关闭) ,将表单的第一冻结,然后使用冻结的作为你的伪头部单元格。...如果你对一列中所有单元格的文本对齐方式进行了设置,单元格同样继承了该对齐方式。由于对象继承,很多属性和方法可以使用不同的方式应用在表单的不同部分。...越靠近单元格级别,优先级越高。所以如果你在单元格中设置了背景颜色,那么从父类继承而来的设置将会被覆盖。请参阅如下的属性优先级列表。越靠近单元格(数字越小),优先级越高。 1. 单元格 2. 3....自定义弹出的日期时间控件 如果你在编辑模式下按下F4键或者双击的日期时间单元格,一个弹出日历(或者弹出时钟)就会显示。如果你将格式设置TimeOnly,那么就会显示一个时钟控件。...你可以扩展这个简单的编辑器,并且提供一个自定义用户界面 (用户提供若干的设置来辅助用户进行便捷输入) 这个接口的其他层级是受子控制器或单元格编辑器的editor控制的。

2.4K80
领券