社区
JavaScript
帖子详情
js能很好的控制table,象控制grid一样吗?
gogoxu
2004-04-30 08:40:06
比如我点击删除按钮就删除当前行,我点击增加按钮就能在当前行插入一行记录,并讲相关的数据填充到该行位置上。
简单点就添加数据到table的最后位置,行吗?
...全文
152
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
打赏
举报
回复
完全可以
Grid
:实用的网格/表格(
Grid
/
Table
)控件
Flexi
grid
Flexi
grid
是一个类似于Ext Gird,但基于jQuery开发的
Grid
。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexi
grid
显示的数据能够通过Ajax获取或者从一个普通的表格转换。
Flexi
grid
jQuery Sor
table
Table
基于Mootools开发,具有排序与过滤功能的
Table
。
Sor
table
Table
Mootools dhtmlxG
使用vue-
table
-tree-
grid
实现多级表格复杂效果
在写 后台电商管理 的vue项目时, 要实现如下 复杂的表格效果 这时还用 element-ui中的
table
组件实现 这类效果就很麻烦 github 某作者 提供了 vue-
table
-width-tree-
grid
第三方包 可以帮我们很快的实现 此类效果 github 地址 https://github.com/MisterTaki/vue-
table
-with-tree-
grid
先 安装 在我们的项目中 //在 git中 执行 npm i vue-
table
-with-tree-gr.
laravel-admin1.x改变
grid
表格默认样式
javascript方式 1.x的表格是bootstrap3实现的,因此完全支持bootstrap3的表格样式,具体参考:表格 · 全局 CSS 样式 · Bootstrap v3 中文文档,因此我们只需要通过
js
控制
表格类就可实现
控制
grid
样式的改变,将以下代码添加到
grid
实例化后面(位置很重要,不然可能不起作用),添加完后清除缓存强制刷新浏览器 条纹表格:
table
-striped 表格边框:
table
-bordered 紧缩表格:
table
-condensed \Encore\Admin
Vxe UI vue vxe-
table
grid
性能优化,提高渲染性能
Vxe UI vue vxe-
table
grid
性能优化,提高渲染性能
告别卡顿!vue 复杂的的高性能表格哪家强,以项目中使用过的 ag-
grid
和 vxe-
table
来评测
本文对比了适用于Vue框架的两款高性能表格组件Ag
Grid
和Vxe
Table
。当处理大数据量(1000+行)时,普通表格组件会出现严重卡顿,而这两款组件都能流畅运行。Ag
Grid
作为原生
JS
组件功能强大但体积较大,社区版免费但功能有限;Vxe
Table
作为纯Vue生态组件功能全面且开源版免费。通过代码示例展示了二者基本用法,并从定位、功能、文档、生态等维度进行详细对比。结论建议:Vue项目首选Vxe
Table
,多框架需求选择Ag
Grid
。二者均能有效解决大数据表格的卡顿问题,开发者可根据项目需求选择最适合的
JavaScript
87,993
社区成员
224,688
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章