JavaScript
非常简单的JS可编辑表格，帮忙看下
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区很简单，鼠标单击学号列的时候可以编辑，点确定保存，取消恢复默认值
当前行处在编辑的状态的时候 点击其他行编辑的话 提示 确定保存当前修改内容(确定 取消)
当前行处在编辑的状态的时候 点击其他行编辑的话 提示 确定保存当前修改内容(确定 取消)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>可编辑的表格 </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
.hideEle
{
display: none;
}
</style>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
</head>
<body>
<br>
<br>
<h4>
User</h4>
<form action="www.163.com" method="post" id="form" onsubmit="at()">
<table border="1" width="600" id='tb'>
<tbody>
<tr>
<th >
</th>
<th width='300'>
学号
</th>
<th>
操作
</th>
</tr>
<tr><td><input type="checkbox"></td>
<td>000001</td>
<td><a href="#" class="edit">确定</a>|<a href="#" class="remove">取消</a></td>
</tr>
<tr><td><input type="checkbox"></td>
<td>000002</td>
<td><a href="#" class="edit">确定</a>|<a href="#" class="remove">取消</a></td>
</tr>
<tr><td><input type="checkbox"></td>
<td>000003</td>
<td><a href="#" class="edit">确定</a>|<a href="#" class="remove">取消</a></td>
</tr>
<tr><td><input type="checkbox"></td>
<td>000003</td>
<td><a href="#" class="edit">确定</a>|<a href="#" class="remove">取消</a></td>
</tr>
</tbody>
</table>
</form>
</body>
</html>
...全文
相关推荐
纯js和html可编辑的table（表格）
综上所述，"纯js和html可编辑的table（表格）"项目结合了HTML的结构、JavaScript的交互性以及CSS的美化，实现了用户可以直接在网页上编辑表格的功能。
JavaScript实现可编辑表格和批量编辑指南
datagrid组件是一种为复杂数据展示而设计的表格组件，它支持大规模数据的高效渲染、动态列和行操作、以及丰富的用户交互功能。这类组件在数据密集型应用中尤其重要，如金融分析、库存管理、订单系统等。使用场景通常包括：大数据量展示：能够在不牺牲性能的情况下展示成千上万条数据。复杂交互：支持数据的增删改查、排序、过滤、分组等。高度定制化：允许开发者自定义单元格、列、工具栏等组件。Etable是一款为解决Web端数据展示和管理需求而设计的通用前端表格组件。
JS实现可编辑的表格
在JavaScript的世界里，实现一个可编辑的表格是一个常见的需求，特别是在构建交互性强的Web应用时。
bootstrap可编辑表格完整代码
通过查看和学习这些代码，你可以理解如何将Bootstrap、JavaScript和相关插件结合，创建一个可编辑的表格。
Vue.js实现可编辑的表格
在本文中，我们将深入探讨如何使用Vue.js框架来创建一个可编辑的表格。Vue.js是一个轻量级的JavaScript库，以其响应式数据绑定和组件化特性而受到开发者喜爱。
