微信扫一扫8.5w+
社区成员
js能很好的控制table，象控制grid一样吗？
比如我点击删除按钮就删除当前行，我点击增加按钮就能在当前行插入一行记录，并讲相关的数据填充到该行位置上。
简单点就添加数据到table的最后位置，行吗？
简单点就添加数据到table的最后位置，行吗？
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
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;
}
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>
<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
完全可以
- 打赏
- 举报
css3 grid ie_我应该尝试使用IE实现CSS Grid Layout吗？ css3 grid ieThis blog post started life as an answer to a question posted over at my CSS Grid AMA. This original question being, 这篇博客文章开始了我对CSS Grid AMA上发布的问题的回答。 最初的问题是 ...
ant design pro v2 - 权限控制 3.2.1.1 路由权限 【代码地址 demo地址】 这里是有两种做法： 这里还是先用第一种做法来做：因为这里用第一种做了之后，菜单可见权限自动适配好了。会省去我们很多事情。 a. 路由文件，定义菜单页面权限。并且将...
vue-table-with-tree-grid 表格单元格下拉展示子项 npm install --save vue-table-with-tree-grid 安装完成后，需要进行导入及注册（我放置的位置为main.js）： import TreeTable from 'vue-table-with-tree-grid' Vue.component('tree-table',TreeTable) 接下来...
前端如何优雅的设计管理端权限控制？ 'list', code: 'list_menu', routes: [ { path: '/list/table-list', name: 'searchtable', code: 'list_tableList_page', component: './List/TableList', }, ], }, { path: '/profile', name: 'profile', ...
AgGrid框架的使用感受及前景分析 免责声明：文章源于本人闲情雅致，没有任何广告意图我向来是不屑于使用前端框架的，最多用一些ui组件，但是ag-grid这个框架太TM好用了。这篇文章介绍下aggrid的一些哲学思想和我的使...
bootstraptable 汇总_Bootstrap table使用方法汇总 bootstrap-table是在bootstrap-table的基础上写出来的，专门用于显示数据的表格插件。而bootstrap是来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，具有简便灵活，快速前端...
网页纯前端导出table为excel表格，以及使用js-xlsx导出excel格式 下面是完整的代码，exportTable是直接调用的方法，tableid是table标签的id， selectField是筛选的数组，只有数组中的列会导出，name是导出的文件名 var idTmr; function getExplorer() { var explorer = ...
python grid用法_Grid studio表格应用程序：Python的集大成者 全文共2955字，预计学习时长6分钟今天本文将介绍 “Grid studio”——一个基于网络的电子表格应用程序，集Python编程语言之大成。用Grid studio着手解决的主要问题是散乱的工作流，这是进行数据科学项目，在例如R ...
php报表加MySQL,有没有很好的PHP MySQL兼容报表框架？ I'm looking for a web-based reporting framework which is PHP-based and works with MySQL.Here's my problem (besides being too lazy to program this on my own): I have a large (50k+ rows) table which sto...
data layui table 排序_layui中table的sort排序介绍 预告一下，目的是做到前台排序还有服务器排序区分开，目前的table的分页实际是比较“乱”的，相信很多用的有一段时间的特别是做server排序的同学都会多多少少遇到不正常的情况。推荐：layui教程先看看目前layui自带...
vxe-table vue 中支持虚拟滚动组件：虚拟列表、虚拟树、横向与纵向虚拟滚动的列表与表格组件 vxe-table vue 目前为止唯一能全能支持虚拟滚动的组件：虚拟列表、虚拟树、横向与纵向虚拟滚动的表格组件 目前主流的数据驱动框架 react、vue …等虽然入门相当简单；例如 vue 中，由于数据双向的原因，需要对数据...
grid布局浏览器兼容_使用 CSS Grid：以兼容不支持栅格化布局的浏览器 摘要当使用任何 CSS 的新特性的...为了让我们现在就用上 CSS 的新特性，我们可以做出哪些努力，仍然给那些不支持新特性的浏览器提供很好的体验？我们说的支持是什么？在阐明如何在去支持那些本身不支持网格的浏览器...
Angularjs UI-Grid 超详细 了解 Angularjs UI-Grid 起因:项目需要一个可以固定列和表头的表格,因为表格要显示很多列,当水平滚动条拉至后边时可能无法看到前边的某些信息。 以前在angularjs 1.x 中一直都是直接 ng-repeat去完成一个table，...
用 TypeScript 写一个轻量级的 UI 框架之十二：Grid 表格组件（上） 最开始认识 Grid 控件是 ExtJS UI 库，它有很成熟的设计模型支持着，缺点就是性能不太好，使用比较繁琐。如今笔者也想学着来设计一个 Grid，发现也没想象中的困难，主要还是发挥来自 Vue.js 的威力。
ant design的虚拟表格实现不了勾选 、不能固定列 、不能展开子表格，但它依旧是一个很好的虚拟表格！ ant design的虚拟表格 优点： 虚拟表格，只渲染当前可视页面的数据，渲染速度快 缺点： 不能实现行勾选 ...封装的虚拟表格子组件——VirtualTable.jsx文件： /* * @Descripttion: 虚拟表格组件 VirtualTab
Bootstrap Table插件 bootstrap-table是一款非常有名的开源表格插件，在很多项目中广泛的应用。Bootstrap-table插件提供了非常丰富的属性设置，可以实现查询、分页、排序、复选框、设置显示列、Card view视图、主从表显示、合并列、国际...
bootstrap-table固定表的高度 目标表外层要有一个高度固定的容器 <div style="height='100px'">...classes属性可以给创建出来的表一些样式这里用到的table和table-hover都是bootstraptable自带的样式；tableLayout是自定义的样式有...
Grid：实用的网格/表格(Grid/Table)控件 Flexigrid Flexigrid是一个类似于Ext Gird，但基于jQuery开发的Grid。它具有的功能包括：可以调整列宽，合并列标题，分页，排序，显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。...
