首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏james大数据架构

    表格在线编辑效果

    在线编辑的表格,包括动态添加单元格、修改单元格内容 <html> <head> <meta http-equiv="content-Type" content="text/html;charset=gb2312 大量高质量js特效,提供高质量广告代码下载,尽在站长特效网" /> <title>网页特效 可在线编辑的表格 站长特效网欢迎您。

    4.4K50发布于 2018-01-22
  • 来自专栏小康的自留地

    模仿一个在线表格

    实现过程 首先实现出一个静态效果(无js交互),当然了 这些表格我们是需要用js动态生成的。 那么我们先来用JavaScript生成出一个静态表格 css样式 * { box-sizing: border-box; } body { margin: 0; } .tools { 完成表格中的行标题 var headTrElement = document.createElement('tr') var headInfo = ['A', 'B', 'C', 'D', 'E', ' 完成表格 for (var i = 0; i < 200; i++) { var trElement = document.createElement("tr") // 完成表格内容 下一步我们需要使用textarea标签实现输入的功能,表格内容也就变成了 for (var j = 0; j < 26; j++) { var tdElement = document.createElement

    1.2K20发布于 2020-04-21
  • 来自专栏初见Linux

    4.表格-HTML基础

    一、表格简介 在过去的web1.0时代,表格常用于页面布局。但在web2.0中,这种用表格的页面布局方式已经被抛弃,现在的网页布局都是使用CSS来实现的。 但是表格并不是一无是处,表格在实际开发中是用得非常多的,因为使用表格可以更清晰地排列数据。 二、表格基本结构 在 HTML 中,一个表格一般会由以下三部分组成: 表格:table标签 行:tr标签 单元格:td标签 1.语义 tr 指的是 table row(表格行)。 --表脚--> 总成绩 370 -- 可以尝试下,把colspan="4"删除后的效果是什么样的。 colspan="4"实际上是让加上colspan属性的这个td标签跨越 4 行。 --> ?

    1.8K30发布于 2020-09-28
  • 来自专栏编程微刊

    Excel在线网页版表格Luckysheet源码

    前端小伙伴们,随着前端页面的日益强大 起来,不知道你是不是还在为开发一款在线版的Excel,在线ppt等发愁,因为这并不是一件很容易的事情,恰好有遇到这种业务需求的时候,那就来看一下这一个特别适用的在线网页版表格 https://github.com/mengshukeji/Luckysheet/blob/master/README-zh.md 简单的介绍一下:Luckysheet ,一款纯前端类似excel的在线表格 script> <script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/luckysheet.umd.js"></script> 第二步 指定一个表格容器 margin:0px;padding:0px;position:absolute;width:100%;height:100%;left: 0px;top: 0px;">

    第三步 创建一个表格 在线体验: https://mengshukeji.github.io/LuckysheetDemo/

    1.1K10编辑于 2025-05-19
  • 来自专栏在水一方

    Luckysheet纯前端在线电子表格

    Luckysheet是一款纯前端类似excel的在线表格,功能强大、配置简单、完全开源,gitee上是gvp项目,国产的纯JS实现的类似excel的在线表格,先记录一下,后续如果有这方面的业务需求也可以参考一下 mengshukeji/LuckysheetServer Luckysheet一键docker部署 - https://github.com/mengshukeji/ 优势 功能强大,配置简单,完全开源 在线

    2.3K20编辑于 2022-06-14
  • 来自专栏编程微刊

    Excel在线网页版表格Luckysheet源码

    前端小伙伴们,随着前端页面的日益强大 起来,不知道你是不是还在为开发一款在线版的Excel,在线ppt等发愁,因为这并不是一件很容易的事情,恰好有遇到这种业务需求的时候,那就来看一下这一个特别适用的在线网页版表格 https://github.com/mengshukeji/Luckysheet/blob/master/README-zh.md 简单的介绍一下:Luckysheet ,一款纯前端类似excel的在线表格 script> <script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/luckysheet.umd.js"></script> 第二步 指定一个表格容器 margin:0px;padding:0px;position:absolute;width:100%;height:100%;left: 0px;top: 0px;">

    第三步 创建一个表格 在线体验: https://mengshukeji.github.io/LuckysheetDemo/ ?

    4.7K42发布于 2020-10-30
  • 来自专栏全栈程序员必看

    markdown表格语法_在线markdown编辑器

    markdown制作表格 一、 使用原生html表格标签制作

    表头
    表体
    只支持简单的table标签,其他如thead,tfoot支持并不好 效果如下: 表头 表体 二、 使用markdown表格指令 最基本的表格构成: | 表头| |-| 基本的表格必须有一个表头和一个与表体的分割线 如上就生成了一张如下的表格 表头 ---- 分割线两边还可以添加:来决定内容向那边对齐 |水果|价格|数量| |:-|:-:|-:|

    6.2K60编辑于 2022-09-20
  • 来自专栏跟牛老师一起学WEBGIS

    基于luckysheet实现在线电子表格和Excel在线预览

    概述 本文基于luckysheet实现在线的电子表格,并基于luckyexcel实现excel文件的导入和在线预览。 效果 实现 1. luckysheet介绍 Luckysheet ,一款纯前端类似excel的在线表格,功能强大、配置简单、完全开源。 官方文档 在线Demo 2. type: Object, default: () => null, }, name: { type: String, default: '新建表格 , }, } </script> <style scoped lang="scss"> .online-table { width: 100%; height: calc(100% - 4rem ,使用luckysheet初始化,或者更新已有的luckysheet工作簿 // 注:luckysheet需要引入依赖包和初始化表格容器才可以使用 luckysheet.create({

    3.3K10编辑于 2024-12-30
  • 来自专栏软件安装

    12款优秀在线表格编辑器推荐,在线文档编辑器推荐

    下面都是用飞书打开的 4. 金山文档 (WPS Docs) 官网:https://www.kdocs.cn/ 打开后的界面 简介: 国产办公软件龙头金山办公出品。 石墨文档 (Shimo Docs) 官方地址:https://shimo.im/ 国内主打“小而美”的在线文档工具。 特点是“全家桶”集成,表格工具(Zoho Sheet)功能。 亮点: Zia智能助手: 内置AI助手,自动生成数据图表和透视表。 宏与VBA支持: 极少数支持云端运行宏脚本的在线表格工具。 官方网站快速导航 为方便你快速访问各个工具,以下是所有12款在线表格编辑器的官方网站链接汇总: 序号 工具名称 官方网站 1 腾讯文档 https://docs.qq.com/ 2 钉钉文档 https ://docs.dingtalk.com/ 3 飞书文档 https://www.feishu.cn/product/docs 4 金山文档 https://www.kdocs.cn/ 5 Microsoft

    86410编辑于 2026-03-26
  • (在线CAD插件)网页CAD提取图纸表格到excel

    前言 CAD图纸上的表格信息承载着大量关键数据,生产过程中会导出表格数据到excel,本文将介绍如何通过自定义 MxCAD 插件,在web端实现对CAD图纸中表格的智能识别、自动合并与高效导出,大幅提升数据提取效率与准确性 **交互式区域选择**:用户通过鼠标框选目标表格区域。 2. **图形元素识别**:自动识别范围内的直线、文字、多段线等实体。 3. **表格结构重建**:基于交点分析重建表格网格。 4. leftKey);                     processed.add(leftKey);                 }             }               // 规则4: demo,如果遇到其他表格情况可以参考上述实现思路在此基础上二开更多识别表格的功能。 我们编写的提取表格的demo的实践效果如下: 如果想要更多提取表格相关的功能实践,可以在demo的扩展工具中查看: 若想要查看表格提取的源码,可直接下载我们的云图在线开发包。

    66310编辑于 2025-09-01
  • 来自专栏开发者技术前线

    最强国产开源在线表格 Luckysheet 走红GitHub!

    来自:开源最前线 目前比较流行的办公应用主要有Excel、WPS、石墨文档等等,今天要和大家介绍一款功能强大、配置简单、完全开源的用纯JavaScript编写的前端表格库,对它的评价只有【用它!】 :luckysheetfile,一个表格文件包含若干个sheet文件,对应excel的sheet0、sheet1等。 一个Luckysheet文件的示例如下,该表格包含3个sheet:luckysheetfile = [ {sheet1设置}, {sheet2设置}, {sheet3设置} ] 相当于excel的3个sheet "columnlen":{}, //表格列宽 "rowhidden":{}, //隐藏行 "colhidden":{}, //隐藏列 " 最后附上在线DEMO体验: ? 传送门 https://github.com/mengshukeji/Luckysheet -End-

    9.4K10发布于 2021-04-28
  • 来自专栏编程微刊

    最强国产开源在线表格Luckysheet走红GitHub

    /mengshukeji/Luckysheet 目前比较流行的办公应用主要有Excel、WPS、石墨文档等等,今天,猿妹要和大家推荐一款功能强大、配置简单、完全开源的用纯JavaScript编写的前端表格库 :luckysheetfile,一个表格文件包含若干个sheet文件,对应excel的sheet0、sheet1等。 一个Luckysheet文件的示例如下,该表格包含3个sheet:luckysheetfile = [ {sheet1设置}, {sheet2设置}, {sheet3设置} ] 相当于excel的3个sheet         "columnlen":{}, //表格列宽         "rowhidden":{}, //隐藏行         "colhidden":{}, //隐藏列         "         luckysheet.create(options)     }) </script> 其实LuckysheetDocs的使用方式和Excel差别并不大,就连快捷键也是一样的: 最后附上在线

    4.8K52发布于 2020-10-26
  • 来自专栏编程微刊

    最强国产开源在线表格Luckysheet走红GitHub

    /mengshukeji/Luckysheet 目前比较流行的办公应用主要有Excel、WPS、石墨文档等等,今天,猿妹要和大家推荐一款功能强大、配置简单、完全开源的用纯JavaScript编写的前端表格库 :luckysheetfile,一个表格文件包含若干个sheet文件,对应excel的sheet0、sheet1等。 一个Luckysheet文件的示例如下,该表格包含3个sheet:luckysheetfile = [ {sheet1设置}, {sheet2设置}, {sheet3设置} ] 相当于excel的3个sheet         "columnlen":{}, //表格列宽         "rowhidden":{}, //隐藏行         "colhidden":{}, //隐藏列         "         luckysheet.create(options)     }) </script> 其实LuckysheetDocs的使用方式和Excel差别并不大,就连快捷键也是一样的: 最后附上在线

    2.7K20发布于 2020-10-23
  • 来自专栏小锋学长生活大爆炸

    【技巧】Latex在线工具:公式编辑器、表格编辑器

    表格编辑器 https://www.tablesgenerator.com/ 公式编辑器 https://www.latexlive.com/

    2K30编辑于 2023-07-24
  • 来自专栏猴子数据分析

    游戏行业实战案例4在线时长分析

    问题4: 统计各玩家每天总在线时长分为两步: 第一步,计算各玩家每天每次登录游戏后的在线时长; 第二步,对各玩家每天每次的在线时长进行求和,得到各玩家每天的总在线时长。 1. 计算各玩家每天的总在线时长 使用group by子句对角色id、日期进行分组,再使用sum()函数对每个玩家每天的每次在线时长进行求和,就可以得到各玩家每天的总在线时长。 _min #使用round()函数保留2位小数 from c group by 角色id,日期; 查询结果如下: 问题4: 统计各玩家每天总在线时长分为两步: 第一步,计算各玩家每天每次登录游戏后的在线时长 ; 第二步,对各玩家每天每次的在线时长进行求和,得到各玩家每天的总在线时长。 计算各玩家每天的总在线时长 使用group by子句对角色id、日期进行分组,再使用sum()函数对每个玩家每天的每次在线时长进行求和,就可以得到各玩家每天的总在线时长。

    4.5K30编辑于 2022-05-19
  • 来自专栏技术开源分享

    go-admin在线开发平台学习-4

    3、从viewModel转换成数据库Dto 4、附上创建人等属性 5、调用数据库创建方法,根据返回结果返回前台json内容 数据权限检查 go-admin可以选择开启数据权限检查,开启后的表现为: 根据控制台配置的内容

    1.2K50发布于 2021-02-19
  • 来自专栏猴子数据分析

    游戏行业实战案例 4在线时长分析

    游戏开服前两天( 2022-08-13 至 2022-08-14 )的角色登录和登出日志如下 一天中,玩家可以多次登录登出游戏,请使用 SQL 分析出以下业务问题: 请根据玩家登录登出的时间,统计各玩家每天总在线时长情况 问题 4 : 统计各玩家每天总在线时长分为两步: 第一步,计算各玩家每天每次登录游戏后的在线时长; 第二步,对各玩家每天每次的在线时长进行求和,得到各玩家每天的总在线时长。 1. 计算各玩家每天每次登录游戏后的在线时长 玩家每次登录后的在线时长=每次的登出时间-每次对应的登录时间,因此,我们需要对玩家的登录时间、登出时间进行一一对应。 (登录时间) as 每次在线时长 from c; unix_timestamp() 函数可以将日期时间格式转化成 10 位数的时间戳格式,单位为秒,因此,为了得到单位为分钟的在线时长,我们需要在登出登录时间相减后再除以 计算各玩家每天的总在线时长 使用 group by 子句对角色 id 、日期进行分组,再使用 sum() 函数对每个玩家每天的每次在线时长进行求和,就可以得到各玩家每天的总在线时长。

    66710编辑于 2023-09-06
  • 来自专栏C# 编程

    4 - SQL Server 2008 之 使用SQL语句删除表格

    使用删除表格的SQL命令与删除数据的命令一样,只是删除的是表格这个对象, 语法如下:DROP TABLE 表名 一般在删除表格之前,需判断这个表格存不存在,存在则删除,不存在则不进行执行任何代码。 代码1与代码2同样能删除表格。 另外,着重强调一点,删除表格之前,必须先删除含有外键的表格,如果直接删除外键引用的主键表格,将会报错。 代码1: USE PersonInfo GO --如果在PersonInfo数据库系统对象中找到一个名为Employee的对象,且类型为表格 IF EXISTS(SELECT * FROM sys.sysobjects 代码2: USE PersonInfo GO --如果在PersonInfo数据库表格对象中找到一个名为Person的表格 IF EXISTS(SELECT * FROM sys.tables WHERE

    1.8K00发布于 2017-12-25
  • 来自专栏数据技巧

    如何在Power Query中获取数据——表格篇(4)

    样例表格: (一)根据值大小提取 1.

    3.4K30发布于 2020-03-23
  • 来自专栏葡萄城控件技术团队

    基于纯前端类Excel表格控件实现在线损益表应用

    下面将会给大家展示如何在纯前端环境中,利用纯前端表格控件创建损益表,并将其添加到你的Web项目中。 设置数据 我们需要做的第一件事就是确保原始数据采用表格格式。这表示数据符合以下条件: 把原始数据整理成标准的表格; 每个列代表一个字段; 没有空白行或列; 数据中没有小计、总计这类二次计算的内容。 sheet.slicers.add("Financial Year", pivotTable.name(), "Financial Year", GC.Spread.Sheets.Slicers.SlicerStyles.dark4( something', fillDownLabels: false, repeatAllItemLabels: false, rowLabelIndent: 4, 更多纯前端表格在线demo示例 :https://demo.grapecity.com.cn/spreadjs/gc-sjs-samples/index.html 纯前端表格应用场景:https://

    4.5K40编辑于 2022-10-28
  • 领券