问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
你好,欢迎来到懂视!登录注册
当前位置: 首页 - 正文

如何在web中实现类似excel的表格控件

发布网友 发布时间:2022-04-22 05:47

我来回答

2个回答

懂视网 时间:2022-05-12 23:06

  Execl功能非常强大,内置的很多函数或公式可以大大提高对数据的加工处理能力。那么在web中有没有类似的控件呢?经过一番搜寻,发现handsontable具备了基本的excel功能支持公式,同时能对数据进行实时编辑。另外支持拖动复制、Ctrl+C 、Ctrl+V 等等。在浏览器支持方面,它支持以下的浏览器: IE7+, FF, Chrome, Safari, Opera。

首先引入相关库文件,公式支持不包含在handsontable.full.js中,需要单独引入:

 1 
 2 
 3 
 4 
 5 
 6 
 7 
 8 
 9 
10 
11 
12 
13 
14 

在HTML中放置一个Div容器来存放handsontable控件:

1 
2 
3

在javascript代码中,首先获取div容器,然后创建表格控件:

 1 

其中 =SUM(B5,E3)的公式是RuleJs提供的,return 1+2是自己实现的C#代码脚本,需要单击解析:
 1 public class CSEngine : IHttpHandler {
 2 private static int count = 0;
 3 public void ProcessRequest (HttpContext context) {
 4  context.Response.ContentType = "text/plain";
 5 
 6  try
 7  {
 8  count++;
 9  string ret = "";
10  string code = context.Request["code"].ToString();
11  if (string.IsNullOrEmpty(code))
12   {
13   ret = "参数错误";
14   }
15  else
16   {
17   ScriptOptions options = ScriptOptions.Default
18    .AddReferences(
19   Assembly.GetAssembly(typeof(DBServices.DataAccess))
20    )
21   //.AddImports("System.Data")
22   //.AddImports("System.Data.SqlClient")
23   .AddImports("DBServices");
24   var state = CSharpScript.RunAsync(code, options).Result.ReturnValue;
25   ret = state.ToString();
26 
27   state = null;
28   options = null;
29   }
30   Console.WriteLine(count);
31   context.Response.Write(ret);
32  }
33  catch(Exception ex)
34  {
35  //error
36   Console.WriteLine(count);
37  }
38  }
39 
40 public bool IsReusable {
41  get {
42  return false;
43  }
44  }
45 
46 }

运行代码,如下:

热心网友 时间:2022-05-12 20:14

SpreadJS 可以使用 Excel ExcelIO 服务来和Excel文件交互。ExcelIO服务需要部署到服务端,通过 ExcelIO 服务你可以导入 Spread 文件后你可以和表单中的数据交互,并且保存分发给最终用户。SpreadJS 支持导出到多种格式的文件,包括 Excel2007(XLSX)\Excel 97 (XLS)、CSV 和 TXT格式.
具体的实现,可以参考下面的介绍
http://www.gcpowertools.com.cn/procts/spreadjs/
如何在网页中嵌入excel控件,实现excel的在线编辑?

最快的方法就是使用在线Excel插件,在浏览器中嵌入这些功能。市面上比较好用的在线Excel插件,有 SpreadJS纯前端表格控件 、WebOffice控件等。如果要支持在线编辑的话,需要插件自带数据填报功能,这样我就推荐你使用SpreadJS了,他的数据填报是自带的,不用二次开发 ...

C# WinForm窗体中,嵌入类似于Excel表格

这个控件可以在WINFORM里面直接把EXCEL引用上来显示在控件里面,就像在操作EXCEL一模一样。可以在Excel里面先设置好,把标题隐藏,状态栏,编辑栏,滚动条等这些隐藏,这样看起来也看不出是在Excel操作。也可以在Excel里设置好数据有效性,这样就只能选择,可以设置只允许用户选择指定单元格,其他单元格不能选...

前端必读2.0:如何在React 中使用SpreadJS导入和导出 Excel 文件

要将SpreadJS应用到React项目,首先需要安装相关组件,如在StackBlitz上运行的示例。然后,替换原有的静态表格组件,导入SpreadJS和相关模块,配置工作表参数,并实现数据绑定以响应用户操作。例如,通过useState钩子来管理状态,监听Worksheet组件的值变化并更新全局状态。对于Excel导入/导出,安装Spread.Sheets客户...

如何实现在网页中在线编辑EXCEL表格,然后保存到服务器中

SpreadJS 纯前端表格控件:这个才是真正符合我需求的东西,他们标榜自身是一款控件,开始看的时候我是不太明白控件是什么意思的,于是之后我百度了一下,了解了一下控件的概念,才知道这个应该就是我要找的内容,他们有一个在线表格编辑器的东西:这个看上去跟Excel外观一模一样,而且据他们客服说这个可以...

如何在vb窗体中制作表格,与Excel表格差不多的样子

你在窗体中放入一个OLE控件,然后选择一个Excel文档即可。这样就不是“与Excel表格差不多的样子”了,因为它就是Excel表格。

能设计一个软件,将需要填写的EXCEL表格生成为网页,在浏览器中填表...

1、这个只要能支持Excel导入,就能实现你的需求,SpreadJS有Excel导入功能 2、你说的其实都是Excel本身的设计风格,上面说的用一些第三方的类Excel表格控件集成到系统中去做页面的Excel表格展示就可以完全做到。SpreadJS就是将Excel的电子表格在网页中去显示,所以显示的效果完全跟Excel一样 3、是基本的填报...

Web前端怎样实现像excel那样的按列拖选的表格

Web上的表格如果沿着一列进行拖选,就会把横着的所有单元格都选中,而不能像Excel只选中我拖选的这一列

请推荐一个能让多人同时在线填的表格,类似excel的

SpreadJS 可为用户带来亲切、易用的使用体验,并满足 Web Excel组件开发、 表格文档协同编辑、 数据填报、 类Excel报表设计等业务场景。3、石墨文档:石墨文档是中国一款支持云端实时协作的企业办公服务软件,可以实现多人同时在同一文档及表格上进行编辑和实时讨论,同步响应速度达到毫秒级。文档/表格实时保存...

web前端怎么显示表格月份?

javaweb显示excel表格,数据是自己输入的前端文本1、要正确的将Web客户端的Excel文件导入到服务器的数据库中,需要将客户端的Excel文件上传到服务器上。可以使用FileUpload控件完成。Excel文件上传到服务器指定的目录中,这里假设是该站点的upfiles目录中。2、Excel这部分可以用SpreadJS,这是一个纯前端的控...

excel有免费的在线多人编辑操作吗?

显示部分主要是Excel的功能显示与操作,首先肯定是要将一个Excel功能的表格组件嵌入到网页上面的,这里可以找一些专业的第三方的Excel组件进行集成,例如:SpreadJS。目前SpreadJS官网上也有一些现成的demo可供访问。从上述demo来看,SpreadJS已经完成了Excel展示、编辑、导入、导出的功能。展示与编辑 导入 导出...

声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。
E-MAIL:11247931@qq.com
ps怎么将图片像素改大? PS怎么把照片尺寸改小 洗衣机电机中途停转,是里面的零件老化了 做仰卧起坐呼吸方法 仰卧起坐最快的技巧高考突分 中国邮政集团公司集团领导 顾汶详细介绍 抖音上发红包安全吗 抖音可以发多少红包 抖音最多能发多少红包 人是怎样诞生的 如何启动ipyton 人是怎么来的! 如何在网页中嵌入Excel并且实现在其中实现正则的校... 人类的起史 软件测试培训机构靠谱吗 网页中嵌入excel的解决方案10 如题,要求1、嵌入到... 什么是人类的起源 我想实现网页中嵌入excel控件,实现excel的在线编... 人类的起源是什么? 人类的起源的概述 人类的起源 测试猿软件测试培训的效果怎么样?能学到东西么? 人种的起源是根据什么推论的 人类的起源是什么?人怎么来得啊? 医学人类学的医学人类学课程通常讲授什么 人类学的起源 python安装后怎么打开 人类学是研究什么的,有哪些分支? 下载python后如何启动 怎么启动python解释器 怎么在web中实现类似excel的表格控件 医学人类学世界排名? ubuntu中怎么独立的启动ipython而不是载终端中 写喂鱼的作文500字 不要写启示的作文 描写鱼儿争食 软件测试培训靠谱吗? 喂鱼这篇作文该怎么写呢至少300字 请问如何在网页中嵌入excel表? 毛毛虫爱吃什么食物 喂鱼作文二百字片段 从软件测试培训机构出来的,好找工作吗? 请教怎么将excel嵌入到jsp中 谁能帮我写一段喂鱼的过程作文,要求300字就可以了... 给我提供一些关于春节的习俗和典故 怎样喂鱼食详细的作文100字 Web前端怎样实现像excel那样的按列拖选的表格 扬中园博园喂鱼的作文600字 我想做一个网页,实现在我做的网页时可以编辑excel... 苹果手机照片有感叹号怎么样都弄不好 养鱼作文400字左右有成语有修辞手法
  • 焦点

最新推荐

猜你喜欢

热门推荐