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

熱點內容
網路ip地址不對 瀏覽：761
聯盟會員網站上應該有哪些內容 瀏覽：957
編程里ch什麼意思 瀏覽：644
寶山桌上文件櫃多少錢 瀏覽：884
電信網路電視怎麼看直播電視 瀏覽：319
直播帶貨運營怎麼做數據 瀏覽：882
linux系統csv文件打開亂碼 瀏覽：624
js平方根計算 瀏覽：474
命令提示符如何看網路結構 瀏覽：921
mac的lr配置文件路徑 瀏覽：424
在電腦上怎麼qq傳文件怎麼打開不了 瀏覽：154
百度雲怎麼找本地文件 瀏覽：661
小米4怎樣把程序加密 瀏覽：118
蘋果手機屏幕6個密碼 瀏覽：882
如何用手機編程小游戲 瀏覽：531
輸入你的小程序appid 瀏覽：276
ps文件暫存檔已滿 瀏覽：230
微信紅包留言可以語音 瀏覽：192
c語言畫直線代碼 瀏覽：107
華為g7文件管理在哪裡 瀏覽：74

友情鏈接