社区
JavaScript
帖子详情
js能很好的控制table,象控制grid一样吗?
gogoxu
2004-04-30 08:40:06
比如我点击删除按钮就删除当前行,我点击增加按钮就能在当前行插入一行记录,并讲相关的数据填充到该行位置上。
简单点就添加数据到table的最后位置,行吗?
...全文
135
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 地址 ...
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
性能优化,提高渲染性能
vue-
table
-with-tree-
grid
表格单元格下拉展示子项
npm install --save vue-
table
-with-tree-
grid
安装完成后,需要进行导入及注册(我放置的位置为main.
js
): import Tree
Table
from 'vue-
table
-with-tree-
grid
' Vue.component('tree-
table
',Tree
Table
) 接下来...
JavaScript
87,992
社区成员
224,698
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章