导航:首页 > 编程语言 > js获取表格的行数

js获取表格的行数

 发布时间：2023-06-13 21:25:27

① js中怎么获取点击的gridview的行数

用的是asp.net，GridView实现它的RowDataBound事件，具体看代码，仅供参考：
前台：
<htmlxmlns="

<headrunat="server">
<title></title>
<!--点击GridView任意行的位置，获取该行的ID值-->
<scripttype="text/javascript">
functiongetId(row_index){
vargrid_view=document.getElementById('<%=GridView1.ClientID%>');
varrows=grid_view.rows;
varpersonID=rows[row_index].cells[0].innerHTML;
alert("获取的ID为："+personID);
}
</script>
</head>
<body>
<formid="form1"runat="server">
<div>
<asp:GridViewID="GridView1"runat="server"AutoGenerateColumns="False"OnRowDataBound="GridView1_RowDataBound">
<Columns>
<asp:BoundFieldHeaderText="ID"DataField="ID"HeaderStyle-Width="300px"ItemStyle-HorizontalAlign="Center"
HeaderStyle-BackColor="LightSkyBlue"/>
<asp:BoundFieldHeaderText="Name"DataField="Name"HeaderStyle-Width="300px"ItemStyle-HorizontalAlign="Center"
HeaderStyle-BackColor="LightSkyBlue"/>
<asp:BoundFieldHeaderText="Tel"DataField="Tel"HeaderStyle-Width="300px"ItemStyle-HorizontalAlign="Center"
HeaderStyle-BackColor="LightSkyBlue"/>
</Columns>
</asp:GridView>
</div>
</form>
</body>
</html>

后台代码：
publicpartialclassWebForm1:System.Web.UI.Page
{
protectedvoidPage_Load(objectsender,EventArgse)
{
List<Person>list=newList<Person>();
list.Add(newPerson("001","张三"));
list.Add(newPerson("002","李四"));
list.Add(newPerson("003","王五"));
list.Add(newPerson("004","赵六"));
list.Add(newPerson("005","何七"));
GridView1.DataSource=list;
GridView1.DataBind();
}

protectedvoidGridView1_RowDataBound(objectsender,GridViewRowEventArgse)
{
if(e.Row.RowType==DataControlRowType.DataRow)
{
introw_index=e.Row.RowIndex+1;
e.Row.Attributes.Add("onclick","getId("+row_index+");");
}
}
}
classPerson
{
publicPerson(stringid,stringname)
{
ID=id;
Name=name;
}

privatestringid;

publicstringID
{
get{returnid;}
set{id=value;}
}
privatestringname;

publicstringName
{
get{returnname;}
set{name=value;}
}
privatestringtel;

publicstringTel
{
get{returntel;}
set{tel=value;}
}
}

② 求助，怎么通过js获取slickgrid表格中的行数，选中行和一行中的数据

您好，可以通过来jquery进行table表格操作。

1、表格行数，源需要看table标签中是否有thead和tbody，如果有

$('tabletbodytr').length//获取行数，不好包含表头

如果没有 thead和tbody，说明tbody中都是tr标签，所以需要减去表头的tr标签，看表头有几行，如果是多行的就需要减去对应的行数。

$('tabletr').length-1;//减1是一行表头的情况

2、选中某一行也就将某一行中的input:checkbox选中

$('tabletbodytr').eq(0).attr('checked',true);
//这里的0就是选中第一行，1就是第二行，以此类推

3、获取某一行的数据。

$('tabletbodytr').eq(0).find('td').eq(0).html();
//第一个eq(0)是选择第一行，第二个eq(0)是选择第几列的数据

③ JS如何获取table有多少行和列

function init()

 {

   vartable =document.getElementById("tab1");

   varrows = table.rows.length;

   alert('行数'+rows);

   varcolums = table.rows[0].cells.length;

   alert('列数'+colums);

 }

----根据列数自动循环显示隐藏

④ js如何获取表格中某一行的单元格数

javascript提供了获取表格中某一行单元格数的代码，参考如下：

document.getElementById('first').cells.length//获取id为first的行的单元格数目

实例演示如下：

  1. 创建Html元素

    <divclass="box">
    	<span>实例演示：获取表格第一行的单元格数量</span><br>
    	<divclass="content">
    	<table>
    	<trid="first"><td>1</td><td>2</td><td>3</td></tr>
    	<tr><td>4</td><td>5</td><td>6</td></tr>
    	<tr><td>7</td><td>8</td><td>9</td></tr>
    	</table>
    	<inputtype="button"value="获取表格第一行的单元格数量"onclick="fun_get()">
    	</div>
    </div>

  2. 简单设置一下css样式

    div.box{width:300px;padding:20px;margin:20px;border:4pxdashed#ccc;}
    div.box>span{color:#999;font-style:italic;}
    div.content{width:250px;margin:10px0;padding:20px;border:2pxsolid#ff6666;}
    table{border-collapse:collapse;}
    td{width:80px;height:30px;line-height:30px;text-align:center;border:1pxsolidgreen;}

  3. 编写jquery代码

    <script>
    functionfun_get(){
    	alert(document.getElementById('first').cells.length);
    }
    </script>

  4. 观察效果

阅读全文

与js获取表格的行数相关的资料

热点内容
dede工具 浏览：507
5g网盟app怎么下载 浏览：486
微信备份老是连接中断 浏览：886
出台多少份文件 浏览：380
鞋子怎么搭配衣服的app 浏览：755
文件名使用的通配符的符号是什么 浏览：916
lol分卷文件损坏怎么办 浏览：276
6分管车螺纹怎么编程 浏览：732
海口农商银行信用卡app是什么 浏览：770
win10任务栏文件夹我的电脑 浏览：14
安卓nba2k18 浏览：776
文件夹密码怎么修改密码 浏览：271
苹果数据中心用什么服务器 浏览：769
省内圆通快递寄文件夹需要多少钱 浏览：740
iphone程序加密 浏览：884
win10文件夹调整文件行高 浏览：681
创意手绘教程 浏览：754
微信删除帐号信息 浏览：596
mysql操作类文件 浏览：649
绕过xp密码 浏览：158

友情链接