首页 > 前端开发 > 正文

web前端开发表格 WEB前端中的表格,怎么才能点选按钮后出现删除线,或者变色,最关键的要能保存,而不是临时的.

2023-09-20 20:12:51 | 我爱编程网

最近经常有小伙伴私信询问web前端开发表格 WEB前端中的表格,怎么才能点选按钮后出现删除线,或者变色,最关键的要能保存,而不是临时的.相关的问题,今天,我爱编程网小编整理了以下内容,希望可以对大家有所帮助。

web前端开发表格 WEB前端中的表格,怎么才能点选按钮后出现删除线,或者变色,最关键的要能保存,而不是临时的.

WEB前端中的表格,怎么才能点选按钮后出现删除线,或者变色,最关键的要能保存,而不是临时的.

删除线样式
<style type="text/css">
.del {
text-decoration: line-through
}
</style>
楼主你要的数据应该有一列为状态列
如果此列的状态为已经删除 你循环输出数据时加上class="del" 此列就会有一个删除线
你用删除按钮可以用ajax 也可不用 用ajax 的话你就要用javascript 把你当前tr对象 var tr = '你得到tr对象的脚本'; tr.className="del";
不用ajax 直接调用服务器的修改状态的方法然后跳转到此页面 即可

web前端开发表格 WEB前端中的表格,怎么才能点选按钮后出现删除线,或者变色,最关键的要能保存,而不是临时的.

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

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

1.通过flash,flex实现FLEX 功能强大的datagrid

2.通过jquery插件,js实现

JS实现可编辑的表格,双击可编辑,可以删除行和列,增加行和列,重置,导出表格,也可以上下移动元素

Flexigrid – Web 2.0 Javscript Grid for jQuery - 可变列宽,自动适应 表头 宽度,可通过 Ajax 连接 XML 数据源,类似 Ext Grid,但基于 jQuery 因此更轻量小巧。 我爱编程网

Chromatable JQuery Plugin - 固定表头,可滚动内容区,内容区滚动的时候表头位置保持不变。

Ingrid, the jQuery Datagrid - 在 HTML 表格上加入列宽调整,分页,排序,行列式样等功能(演示)。

JQTreeTable - 在表格中加入树形结构

Scrollable HTML table - 将普通 HTML 表格变为可滚动状态。将表头部分放入 THEAD 区,内容部分放入 TBODY 区, 脚注 部分放入 TFOOT 区域,引用 webtoolkit.scrollabletable.js 文件,然后在每个表格后面创建 ScrollableTable() 对象即可(演示)。

KeyTable - 象 Excel 那样,在单元格之间巡游,可以现场编辑。

graphTable - 借助 flot 将 HTML 表格中的内容变成图形(演示)。

DataTables - 非常强大的 jQuery 表格插件,可变宽页码浏览,现场过滤。多列排序,自动探测 数据类型 ,智能列宽,可从几乎任何数据源获取数据。

web前端开发表格 WEB前端中的表格,怎么才能点选按钮后出现删除线,或者变色,最关键的要能保存,而不是临时的.

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

一般来说,楼主的要求,通常会通过模拟来实现

1、 捕获鼠标按键按下的事件,记录按下的位置
2、 捕获鼠标移动事件,计算应该被选中的节点,改变其样式,以实现反馈
3、 捕获鼠标按键弹起的事件,完成选中的操作

基本上没难度,只是需要工作量而已。

以上就是我爱编程网小编整理的内容,想要了解更多相关资讯内容敬请关注我爱编程网。
与“web前端开发表格 WEB前端中的表格,怎么才能点选按钮后出现删除线,或者变色,最关键的要能保存,而不是临时的.”相关推荐
web前端开发设置表格 Web前端怎样实现像excel那样的按列拖选的表格
web前端开发设置表格 Web前端怎样实现像excel那样的按列拖选的表格

Web前端怎样实现像excel那样的按列拖选的表格一般来说,楼主的要求,通常会通过模拟来实现1、捕获鼠标按键按下的事件,记录按下的位置2、捕获鼠标移动事件,计算应该被选中的节点,改变其样式,以实现反馈3、捕获鼠标按键弹起的事件接下来就看楼主的实际操作了。如果你觉得还是有点比较难,你可以去后盾人平台看一看视频。那样也许更丰富。WEB前端中的表格,怎么才能点选按钮后出现删除线

2023-09-19 01:09:31
web前端开发如何打出表格双线 求助:在word中怎么做出表格与表格之间的双横线,如下图画红圈的双线
web前端开发如何打出表格双线 求助:在word中怎么做出表格与表格之间的双横线,如下图画红圈的双线

求助:在word中怎么做出表格与表格之间的双横线,如下图画红圈的双线绘制双线的具体步骤如下:1、首先打开需要编辑的Word文档,进入到编辑页面中。2、然后点击打开表格格式中的线型。3、然后在弹出来的页面中点击选择双线型。4、然后鼠标左键点击需要绘制双线的位置。5、然后就变成双线了。word中如何制作出这样的双线表格通过设置表格边框格式来制作双线表格。

2023-10-14 02:23:25
web前端开发按钮怎么修改 js如何实现点击编辑按钮,前端table表格行内指定td可修改。(table是动态生成的)
web前端开发按钮怎么修改 js如何实现点击编辑按钮,前端table表格行内指定td可修改。(table是动态生成的)

js如何实现点击编辑按钮,前端table表格行内指定td可修改。(table是动态生成的)      function ready() {   var url = base_path+"console/cfg/getBaseLayers/"+configId;   $.ajax({      url:url,      type:"get",      dataType:"json",   

2023-10-07 00:29:55
web前端开发变色div html中点击按钮怎样改变div背景颜色
web前端开发变色div html中点击按钮怎样改变div背景颜色

前端开发中悬浮一个超链接怎么让自身整个盒子背景变色?样式部分:&lt;styletype="text/css"&gt;.box1:hover{background:#dfdfdf;}&lt;/style&gt;html部分:&lt;ahref=""class="box1"&gt;第一种情况,a标签就是作为一个整体的盒子。&lt;/a&gt;&lt;divid="bo

2023-09-21 16:34:59
web前端开发表格控件 请推荐一个能让多人同时在线填的表格,类似excel的
web前端开发表格控件 请推荐一个能让多人同时在线填的表格,类似excel的

web报表工具有什么好推荐Web报表工具,可以试试即席报表设计器。具体设计Web报表的步骤如下:登录报表端任意用户登录,都可使用即席报表设计器创建自己的报表,模型是创建报表的基础,因此用户登录成功后首先要选择提供数据支持的模型,选择ARServer提供的ActiveTunes模型后,点击“创建报表“;进入报表设计器,点击菜单栏中“报表”项,拖拽文本框到页眉区域,双击

2023-09-30 19:54:47
web前端开发编译表格怎么居中 css实现表格的td里面的内容居中.
web前端开发编译表格怎么居中 css实现表格的td里面的内容居中.

css实现表格的td里面的内容居中.HTML表格栏位内文字水平置中与垂直置中可以用到不同的技巧,传统的HTML 表格设计属性中,就有对于栏位内元素的水平置中与垂直置中的功能,分别是align与valign这两个功能,新一代的网页设计还有CSS的属性可以做到相同的效果,分别用到text-align以及vertical-align来处理,本篇就把传统的HTML写法以及新的CSS写法分享给各

2023-10-13 17:29:27
web前端开发按钮区分颜色 js循环5个按钮,实现点击每个按钮弹出对应的颜色(红黄粉 绿蓝)
web前端开发按钮区分颜色 js循环5个按钮,实现点击每个按钮弹出对应的颜色(红黄粉 绿蓝)

js循环5个按钮,实现点击每个按钮弹出对应的颜色(红黄粉绿蓝)&lt;html&gt;&lt;scripttype="text/javascript"&gt;functionf(n){switch(n){case0:alert("红");break;case1:alert("黄");break;case2:alert("粉");brea

2023-09-23 01:19:09
php表格框架换色 HTML+PHP 改变表格行颜色
php表格框架换色 HTML+PHP 改变表格行颜色

php改变表格的背景颜色加上样式的,&lt;tablealign="center"&gt;#fff是白色,你可以改为其他的颜色的,align="center"是居中显示的,你可以选择left左显示或者right右显示!希望对你有帮助!!HTML+PHP改变表格行颜色问题出在你是做了10次table的循环,expression里面是用rowIndex作为判断,这样每次做判断的时候都row

2023-09-18 12:56:54