table可编辑表格写法(简单)

news/2024/12/5 12:16:20/

1、添加JS

$(".table").find(".dbclicktd").bind("dblclick", function () {var input = "<input type='text' id='temp' style='width:130px;' value=" + $(this).text() + " >";$(this).text("");$(this).append(input);$("input#temp").focus();$("input").blur(function () {if ($(this).val() == "") {$(this).remove();} else {$(this).closest("td").text($(this).val());}});});

2、给要编辑的td加class就可 。

<td class="dbclicktd"></td>

http://www.ppmy.cn/news/429780.html

相关文章

EasyExcel复杂表头的生成方法

一.简介 本篇使用阿里EasyExcel框架&#xff0c;官方文档&#xff1a; https://github.com/alibaba/easyexcel <dependency><groupId>com.alibaba</groupId><artifactId>easyexcel</artifactId><version>2.2.6</version></depen…

easyx文字输出汇总

文章目录 前言一、outtextxy()输出文字字符要修改字符集 二、文字特效1.setbkmode设置文字背景2.settextcolor();设置文字颜色用RGB三原色设置用颜色常量3.settextstyle()设置文字样式大小 总结标题最后附上文字动态变色渐变放大输出的代码&#xff1a; 前言 在前面的一系列文…

excel制表基础:规范的制表理念和思路让效率提升 下篇

在日常工作中我们会构建很多的表格&#xff0c;其实这些表格无论多少&#xff0c;都可以归结为三大类&#xff0c;分别为“源数据表”、“关系信息表”和“统计分析表”。上次我们提到了一套表格“统计的核心”——“源数据表”&#xff0c;今天继续为大家分享“关系信息表”和…

动态表格功能

这里写目录标题 需求实现原理代码效果展示 需求 表格由专业班级学号1-10号同学的信息组成&#xff0c;包括:学号、姓名、性别、二级学院、班级、专业、辅导员: 表格的奇数行字体为黑色&#xff0c; 底色为白色&#xff1b;偶数行字体为白色&#xff0c; 底色为黑色: 表格的每…

excel制表基础:规范的制表理念和思路让效率提升 上篇

今天的文章是一篇理论文章&#xff0c;没有函数技巧讲解&#xff0c;没有酷炫图表实例&#xff0c;也没有神奇的VBA教程&#xff0c;如果你想学技巧&#xff0c;那这篇文章不适合你的要求。但是如果你想让自己在使用Excel方面更加地得心应手&#xff0c;能够让构建的表格提高我…

可编辑表格详解

1.html部分 <html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widthdevice-width, initial-scale1.0"…

基于wangEditor富文本编辑器,粘贴表格内容智能生成带样式的表格

需求背景&#xff1a;公司运营人员发布线上业务公告&#xff0c;需要用到富文本编辑器&#xff0c;但是公告里带有样式的表格富文本编辑器却做不到&#xff0c;只能在其他地方制作成图片放进来&#xff0c;效率比较低下。 把内容粘贴进去&#xff0c;然后生成这么一个东西. 解…

CSS入门选择器

CSS中&#xff0c;基本的选择器有通用选择器、标签选择器、类选择器和id选择器。 1&#xff0e;通用选择器 使用“*”来定义通用选择器&#xff0c;通用选择器的意义是对所有元素生效。 2&#xff0e;标签选择器 标签选择器&#xff0c;顾名思义&#xff0c;我们可以通过标签名…