最新内容请查看:http://leeyee.github.io/blog/2012/05/05/jquery-etable-plugin
GitHub地址:https://github.com/oxcow/eTable
下载地址:https://github.com/oxcow/eTable/tags
jQuery eTable Plugin
jQuery eTable Plugin 提供对表格操作的一些基本方法.其实质是通过$(table).eTable()
获取封装了表格元素的ETable
对象.
ETable
对象封装了一些列针对表格行列进行操作的方法。使用这些方法可以对表格进行行列的插入与删除。
ETable对象的获取
var $eTable = $("#table1").eTable();
var $eTable = $(document.getElementById('table1')).eTable();
ETable API
.getRows()
获取表格行数.
var rows = $eTable.getRows();
.getCols()
获取表格的列数.
var cols = $eTable.getCols();
.appendRow()
在尾行后追加一行.
var cells = ['cell1','cell2','cell3'];
var cells1 = [
$("<input type='text'/>").blur(function() {
alert(this.value);
}),
"<input type='radio' />"
];
$eTable.appendRow(cells);
$eTable.appendRow(cells1);
.insertToFirstRow()
在首行前插入一行.
var cells = ['cell1','cell2','cell3'];
$eTable.insertToFristRow();
.insertToLastRow()
在尾行后插入一行.同.appendRow()
方法
var cells = ['cell1','cell2','cell3'];
$eTable.insertToLastRow(cells);
.insertBeforeRow()
在指定行前插入一行.
var cells = ['cell1','cell2','cell3'];
$eTable.insertBeforeRow(3,cells); // 在第3行前插入
.insertAfterRow()
在指定行后插入一行.
var cells = ['cell1','cell2','cell3'];
$eTable.insertAfterRow(3,cells); // 在第3行后插入
.deleteFirstRow()
删除首行.
$eTable.deleteFirstRow();
.deleteLastRow()
删除尾行.
$eTable.deleteLastRow();
.deleteRow()
删除指定行.删除第一行为deleteRow(0);
.
var ches = $("table :checked");
var iLen = ches.length;
if (iLen === 0) {
alert("Please select Delete Rows");
return;
}
for (var i = 0; i < iLen; i++) {
var index = ches[i].parentNode.parentNode.rowIndex;
$eTable.deleteRow(index);
}
.deleteRows()
批量删除行.
var rowIndexs = [0, 2, 3];
$eTable.deleteRows(rowIndexs); //删除第1、3、4行
.appendCol()
在尾列后追加一列.
var cells = ['cell1','cell2','cell3'];
$eTable.appendCol(cells);
.insertToFirstCol()
在首列前插入一列.
var cells = ['cell1','cell2','cell3'];
$eTable.insertToFirstCol(cells);
.insertToLastCol()
在尾列后插入一列.同.appendCol()
方法.
var cells = ['cell1','cell2','cell3'];
$eTable.insertToLastCol(cells);
.insertBeforeCol()
在指定列前插入一列.
var cells = ['cell1','cell2','cell3'];
$eTable.insertBeforeCol(2,cells); //在第2列前插入
.insertAfterCol()
在指定列后插入一列.
var cells = ['cell1','cell2','cell3'];
$eTable.insertAfterCol(2,cells); //在第2列后插入
.deleteFirstCol()
删除首列.
$eTable.deleteFirstCol();
.deleteLastCol()
删除尾列
$eTable.deleteLastCol();
.deleteCol()
删除指定列.删除第一列为deleteCol(0);
.
$eTable.deleteCol(3); //删除第4列
.deleteCols()
批量删除列.
var colIndexs = [0,2,3];
$eTable.deleteCols(colIndexs); //删除第1,3,4行
相关推荐
Etable命令[文].pdf
Ansys中ETABLE命令详解(1)
php-ajax异步对表格进行增删改查操作的sql源文件,案例资源文件
etable:Go中的DataTable / DataFrame结构 etable (或eTable)在Go(golang)中提供了DataTable / DataFrame结构,类似于Python中的和 ,以及 ,它使用了按共同的最外层行维对齐的etensor n维列。 e的名称来自...
背景 最近想要捣鼓一个自己的小程序,其中数据展示部分比较多,想用table来做展示,但是微信小程序并..."etable" : "/compenents/etable/etable" } } 2、使用 在wxml页面需要用到的地方使用,如下: <etable
ANSYS菜单命令详解 第一部分:几何模型创建 第二部分:网格划分技术 第三部分:施加载荷与求解过程 第四部分:通用后处理器
react精品开发教学 从基础到高级 下载后打开打开链接文档 获取百度云链接 百度云下载 欢迎下载学习
js 可编辑表格,批量编辑,使用js的web前端组件库,包含pagination、datagrid、etable等常用前端组件
React全家桶+AntD 共享单车后台管理系统开发 课程导学 拿到产品需求,怎么做? 如何技术选型? 如何项目架构? 如何项目规范? 如何封装项目公共机制?...3、菜单,权限,Header,Footer,ETable,
************************************** PAGEADD为页地址起使 TIERADD为行地址起使 DIS_STARTADD为开始命令 CTABLE为汉字字库数组 ETABLE为英文字库数组
本文实例为大家分享了bootstrap table表格的使用方法,供大家参考,具体内容如下 1.进入页面,根据指定的URL加载数据(json格式) 2.加载成功,根据$table.bootstrapTable({options})显示表格样式。...
封装vue-element-ui的组件 二次封装element-ui的表组件,进行使用更方便 ======版本说明====== 1.0.0:代码初始化 1.安装 npm install @qingbing/element-table ...import ETable from "@qingbing/element-table" ;
ebtables-iptables interaction on a Linux-based bridge.mht