社区
JavaScript
帖子详情
js能很好的控制table,象控制grid一样吗?
gogoxu
2004-04-30 08:40:06
比如我点击删除按钮就删除当前行,我点击增加按钮就能在当前行插入一行记录,并讲相关的数据填充到该行位置上。
简单点就添加数据到table的最后位置,行吗?
...全文
131
8
打赏
收藏
js能很好的控制table,象控制grid一样吗?
比如我点击删除按钮就删除当前行,我点击增加按钮就能在当前行插入一行记录,并讲相关的数据填充到该行位置上。 简单点就添加数据到table的最后位置,行吗?
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用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
打赏
举报
回复
完全可以
使用vue-
table
-tree-
grid
实现多级表格复杂效果
在写 后台电商管理 的vue项目时, 要实现如下 复杂...这时还用 element-ui中的
table
组件实现 这类效果就很麻烦 github 某作者 提供了 vue-
table
-width-tree-
grid
第三方包 可以帮我们很快的实现 此类效果 github 地址 ...
bootstrap-
table
(一)树状表(tree-
grid
)
因为项目有一个接口是多级组织架构的,所以需求是使用树状图表展示,然后表格控件用的bootstrap-
table
,通过官网的扩展地址找到了tree-
grid
这个功能。 扩展地址:bootstrap-
table
扩展 建议经常使用这个控件的人...
Grid
:实用的网格/表格(
Grid
/
Table
)控件
Flexi
grid
Flexi
grid
是一个类似于Ext Gird,但基于jQuery开发的
Grid
。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexi
grid
显示的数据能够通过Ajax获取或者从一个普通的表格转换。...
laravel-admin1.x改变
grid
表格默认样式
因此完全支持bootstrap3的表格样式,具体参考:表格 · 全局 CSS 样式 · Bootstrap v3 中文文档,因此我们只需要通过
js
控制
表格类就可实现
控制
grid
样式的改变,将以下代码添加到
grid
实例化后面(位置很重要,不然...
Vxe UI vue vxe-
table
grid
性能优化,提高渲染性能
Vxe UI vue vxe-
table
grid
性能优化,提高渲染性能
JavaScript
87,997
社区成员
224,708
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章