rowIndex用于判断当前单元格所处行的索引(从0开始)
cellIndex用于判断当前单元格所处列的索引(从0开始)
通常我们可以把他们的事件写在TD里,因为rowIndex属性应该是属于<tr>标记,因此在判断rowIndex需要访问父节点,示例如下:
<table align="center" width="100%" height="400" cellspacing="1" border="1" bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#C0C0C0" bgcolor="#C0C0C0">
<tr>
<td onclick="alert('行:'+(this.parentNode.rowIndex+1)+'列:'+(this.cellIndex+1))"> </td>
<td onclick="alert('行:'+(this.parentNode.rowIndex+1)+'列:'+(this.cellIndex+1))"> </td>
<td onclick="alert('行:'+(this.parentNode.rowIndex+1)+'列:'+(this.cellIndex+1))"> </td>
<td onclick="alert('行:'+(this.parentNode.rowIndex+1)+'列:'+(this.cellIndex+1))"> </td>
</tr>
<tr>
<td onclick="alert('行:'+(this.parentNode.rowIndex+1)+'列:'+(this.cellIndex+1))"> </td>
<td onclick="alert('行:'+(this.parentNode.rowIndex+1)+'列:'+(this.cellIndex+1))"> </td>
<td onclick="alert('行:'+(this.parentNode.rowIndex+1)+'列:'+(this.cellIndex+1))"> </td>
<td onclick="alert('行:'+(this.parentNode.rowIndex+1)+'列:'+(this.cellIndex+1))"> </td>
</tr>
<tr>
<td onclick="alert('行:'+(this.parentNode.rowIndex+1)+'列:'+(this.cellIndex+1))"> </td>
<td onclick="alert('行:'+(this.parentNode.rowIndex+1)+'列:'+(this.cellIndex+1))"> </td>
<td onclick="alert('行:'+(this.parentNode.rowIndex+1)+'列:'+(this.cellIndex+1))"> </td>
<td onclick="alert('行:'+(this.parentNode.rowIndex+1)+'列:'+(this.cellIndex+1))"> </td>
</tr>
</table>
分享到:
相关推荐
在IECN里有朋友问起怎么获取表格中某个单元格的行号与列号,可以用rowIndex和cellIndex来获取. 具体效果请看下面的代码 获取table中的rowIndex和cellIndex 行1列1 行1列2 行1列3 行2列1 行2列2 行2...
从cnblogs看到的代码,作者的代码随便不兼容firefox但,有助于大家学习为什么下面的代码兼容了firefox,大家可以对比下,有助于学习,对于更多的文章可以参考软件开发网以前发布的文章。 ...
1)将每一行的索引插入操作行中,即为每一行数据添加一个属性index 使用el-table已经给处的方法:tableRowClassName html中: <el row-class-name=tableRowClassName></el> js中:只需放入methods中即可,el-table...
Cell cell1 sheet Cells[rowIndex columnIndex]; cell1 PutValue title ; } private void AddHeader DataTable dt int rowIndex int columnIndex { Cell cell null; for int col 0; col < dt Columns ...
根据原来的XPTable 版本,添加Button列背景颜色的更改,另外,还添加了可以直接通过 TableModel[RowIndex, "ColumnName"].Text 的方法,直接得到cell的内容,而无需问题经过 数字index获取表格的内容
移动鼠标,得到单元格所在表中的位置,主要是学习使用js的e.srcElement.
总体思路是在table外部加个div,修改div的innerHtml实现改变tr顺序的效果 具体思路是 获取当前要移动tr行的rowIndex,在table中删除掉,然后循环table的rows,到了目标行再直接加进去,最后把整体的html赋值给div...
vue单元格多列合并的实现 一.... objectSpanMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex === 0) { if (this.myObj[row.channel_type].start === rowIndex) { return {
主要介绍了DevExpress GridControl实现根据RowIndex和VisibleColumnsIndex来获取单元格值,需要的朋友可以参考下
官网给我们提供了span-method的方法可以进行表格合并,有4个参数返回:row,column,rowIndex,columnIndex;row和column是表格的行和列,里面是当前行和列的值,也就是tableData里的值,rowIndex,columnIndex是当前行和列的...
React网格表 基于CSS网格布局的模块化表,已针对自定义进行了优化。 支持的功能: 异步支持 依栏排序 ...const Username = ( { tableManager , value , field , data , column , colIndex , rowIndex } )
fixed-data-table 是一个用于以灵活且强有力的方式建立并显示数据的 React 组件。它支持标准的桌面特征,像头条、行、列、头条组、滚动列。此组件在处理数千行数据的时不会牺牲性能。平滑地滚定是 FixedDataTable 的...
1.在el-table中添加:span-method=objectSpanMethod属性来控制合并单元格,如下图 2.合并代码,每一列都要设置一个不同的key,这样可以防止合并的时候上下内容一样导致错误的问题 objectSpanMethod({ row, column...
通过给table传入span-method方法可以实现合并行或列,方法的参数是一个对象,里面包含当前行row、当前列column、当前行号rowIndex、当前列号columnIndex四个属性。该函数可以返回一个包含两个元素的数组,第一个元素...
element-ui官网中关于行合并的例子是根据行号进行合并的,这显然不符合我们日常开发需求,因为通常我们table中的数据都是动态生成的,所以需要做一些修改。我们首先解读一下官网实例中的各参数的意义: ...
例如处理事件的时候,有时候需要知道当前点击的是第几个子节点,而HTML DOM本身并没有直接提供相应的属性,需要... 表格单元格TD元素有 cellIndex 属性。 表格行TR元素有rowIndex属性。 如果你的处理目标刚好就是表格,
Element UI 的Table组件踩坑记: (1)参数row-class-name无效的坑:官方文档给出了如下代码: 但是我使用后并没有出现预初想要第一行高亮的效果,然后console.log(row, rowIndex),发现控制台输出的值均为...
本地调试输出前十行,没啥问题,拿到OJ上测试,程序在第18行跪了,中间有个系数不正确。那么问题出在哪了呢,仔细找找,原来出在计算组合数那里,由于算组合数时需要算连乘,而整形数int的数值范围只有-32768
VSFlexGrid 控件属性方法一览表(带()为方法) 属性/方法名称 功能 示例语法 AddItem() 增加一行 O.A String[, RowIndex] Aggregate 返回集合合计(总数,平均,等等) O.A = (A,Row1,Col1,Row2,Col2)