導航:首頁 > 編程語言 > 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獲取表格的行數相關的資料

熱點內容
iphone程序加密 瀏覽：884
win10文件夾調整文件行高 瀏覽：681
創意手繪教程 瀏覽：754
微信刪除帳號信息 瀏覽：596
mysql操作類文件 瀏覽：649
繞過xp密碼 瀏覽：158
大眾速騰專用app有哪些 瀏覽：455
arpa首先將計算機網路劃分為 瀏覽：617
蘋果系統開機音樂 瀏覽：875
windows8顯示隱藏文件 瀏覽：603
ipad2可以升級到92嗎 瀏覽：857
如何打開ps保存的文件 瀏覽：744
幼兒編程教育有哪些 瀏覽：453
汽車發外地用什麼app 瀏覽：810
網路如何贊美女人漂亮 瀏覽：143
如何把桌面文件放到excel裡面 瀏覽：363
照片文件名是怎麼查的 瀏覽：876
c怎麼在cmd模式下顯示文件 瀏覽：325
手機怎麼把文件夾的圖片移到相冊 瀏覽：440
hjc是啥文件的格式 瀏覽：298

友情鏈接