社区
JavaScript
帖子详情
js能很好的控制table,象控制grid一样吗?
gogoxu
2004-04-30 08:40:06
比如我点击删除按钮就删除当前行,我点击增加按钮就能在当前行插入一行记录,并讲相关的数据填充到该行位置上。
简单点就添加数据到table的最后位置,行吗?
...全文
176
8
打赏
收藏
js能很好的控制table,象控制grid一样吗?
比如我点击删除按钮就删除当前行,我点击增加按钮就能在当前行插入一行记录,并讲相关的数据填充到该行位置上。 简单点就添加数据到table的最后位置,行吗?
复制链接
扫一扫
分享
举报
写回复
配置赞助广告
用AI写文章
8 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
hbzyduwu
2004-05-02
打赏
举报
回复
~-~
lang11zi
2004-05-02
打赏
举报
回复
you can
dullwolf
2004-05-02
打赏
举报
回复
http://expert.csdn.net/Expert/topic/2756/2756260.xml?temp=.9067194
maowenchang
2004-05-01
打赏
举报
回复
//插入一行/删除你可以自己学会改一个FUN出来就可以了。(包含录入表单下的做法,如果只是一个表做的话就不用了,那个相对是很简单的,本身TABLE就可在JAVASCRIPT中随意操作的。)
function cp_insert(obj)
{ var i;
tmp = document.all.eare_cp_select.innerHTML;
tmp1 = tmp.split("<TBODY>");
tmp = tmp1[0];
tmp += document.all.tab_cp_select.childNodes[0].children[0].outerHTML;
tmp += document.all.tab_cp_select.childNodes[0].children[1].outerHTML;
for (i=2;i<document.all.tab_cp_select.childNodes[0].children.length;i++)
{
if (document.all.tab_cp_select.childNodes[0].children[i] == obj)
tmp += document.all.tmp_cp_select.childNodes[0].children[0].outerHTML;
tmp += document.all.tab_cp_select.childNodes[0].children[i].outerHTML;
}
tmp += "</TABLE>";
document.all.eare_cp_select.innerHTML = tmp;
}
dullwolf
2004-05-01
打赏
举报
回复
大师说完全可以!
孟子E章
2004-04-30
打赏
举报
回复
http://lucky.myrice.com/javascriptexam/addelement.htm
孟子E章
2004-04-30
打赏
举报
回复
<html>
<head>
<title>Browser Detection</title>
<script language="Javascript">
function del(o)
{
while(o.tagName!="TR")
o = o.parentElement
document.all.x.deleteRow(o.rowIndex)
}
function add(o)
{
while(o.tagName!="TR")
o = o.parentElement
oTr=document.all.x.insertRow(o.rowIndex)
oTd = oTr.insertCell(0)
oTd .innerHTML=Date.parse(new Date())
oTd = oTr.insertCell(1)
oTd .innerHTML='<input type="button" onclick="del(this)" value=delete>'
oTd = oTr.insertCell(2)
oTd .innerHTML='<input type="button" onclick="add(this)" value=Add>'
}
</script>
</head>
<body>
<table id=x border>
<tr>
<td>xxxx</td>
<td><input type="button" onclick="del(this)" value=delete></td>
<td><input type="button" onclick="add(this)" value=Add></td>
</tr>
<tr>
<td>xxxx</td>
<td><input type="button" onclick="del(this)" value=delete></td>
<td><input type="button" onclick="add(this)" value=Add></td>
</tr>
</table>
</body>
</html>
孟子E章
2004-04-30
打赏
举报
回复
完全可以
CSS
Table
样式深度解析:从基础原理到高级数据表格实战
在Web前端开发中,数据呈现是核心需求之一。CSS作为
控制
网页样式的核心技术,其盒模型、布局和选择器机制是实现复杂视觉效果的基础。理解CSS的渲染原理,特别是针对特定HTML元素的样式化规则,对于构建高性能、可访问的用户界面至关重要。在数据密集型的后台管理系统和报表场景中,原生HTML
Table
元素配合精细的CSS
控制
,往往在语义化、键盘导航和打印友好性上优于使用Div模拟的布局方案,展现出独特的技术价值。本文将聚焦于border-collapse、
table
-layout等关键属性,深入剖析其工作原理,
HTML+CSS实战笔记:从盒模型到Flexbox/
Grid
的布局核心解析
在前端开发中,HTML与CSS是构建网页的基石,理解其核心原理是掌握现代Web技术的关键。HTML负责定义文档的结构与语义,而CSS则
控制
着页面的表现与布局。其中,盒模型是CSS布局的基石,它定义了元素内容、内边距、边框和外边距的计算方式,直接影响着页面元素的尺寸与定位。基于盒模型,现代CSS布局方案如Flexbox和
Grid
提供了强大的一维与二维布局能力,能够高效实现复杂的页面结构与响应式设计。Flexbox擅长处理单行或单列的项目排列与对齐,而
Grid
则为整体页面布局提供了精细的网格
控制
。这些技术共同构
基于bootstrap-
table
实现行内编辑表格:方案对比与实战指南
在Web应用开发中,表格是展示和处理结构化数据的核心组件。传统表格的“查看-跳转编辑”模式在频繁数据维护场景下效率低下,而行内编辑技术允许用户直接在单元格内修改数据,通过双击或点击触发,实现即时保存或批量提交,极大提升了数据操作效率。其技术价值在于优化了人机交互流程,减少了页面跳转,是提升后台管理系统、数据中台等应用用户体验的关键。该技术广泛应用于用户管理、订单处理、配置维护等需要高效数据增删改查的场景。本文聚焦于基于jQuery插件bootstrap-
table
实现行内编辑功能的多种方案,深入剖析了利用b
Quick Reference 的 CSS 速查清单:选择器、颜色、Flexbox、
Grid
与实用技巧全解
本文基于当前仓库(Quick Reference 技术速查清单合集)中的 [CSS 备忘清单](https://link.gitcode.com/i/845ec1880a2a65c1a2a34cb47a446122) 展开,完整覆盖样式声明方式、选择器体系、字体/颜色/背景、盒子模型、动画、Flexbox 与
Grid
布局、CSS 变量与函数以及数十条实战技巧。读完本篇,你可以把这份清单当作日常
vxe-
table
虚拟滚动与无限加载融合实践:打造无感分页的流畅体验
本文详细介绍了如何利用vxe-
table
组件,将虚拟滚动与无限加载技术深度融合,以打造无感分页的流畅表格体验。通过核心配置解析、性能优化技巧及与后端API对接的实战指南,帮助开发者高效处理海量数据列表,有效解决传统分页的交互割裂问题,提升用户浏览效率。
JavaScript
87,984
社区成员
224,681
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章