কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টে HTML টেবিলের সারি সংখ্যা বের করা

HTML টেবিলের সারি (row) সংখ্যা জানতে .rows.length প্রপার্টি ব্যবহার করুন।

উদাহরণ

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<title>Document</title> 
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
</head> 
<body> 
<table id="tblDemo" border="1"> 
<thead> 
<tr> <th>Name</th> <th>Age</th> </tr> 
</thead> 
<tbody> 
<tr><td>John</td><td>21</td></tr> 
<tr><td>David</td><td>22</td></tr> 
<tr><td>Bob</td><td>20</td></tr> 
<tr><td>Mike</td><td>24</td></tr> 
</tbody> 
</table> 
<script> 
    var allTableData = document.getElementById("tblDemo"); 
    var totalNumbeOfRows = allTableData.rows.length; 
    console.log("Total Number Of Rows=" + totalNumbeOfRows); 
</script> 
</body> 
</html>

ফাইলটি সেভ করে Live Server দিয়ে চালান। কনসোলে সারি সংখ্যা দেখাবে।

আউটপুট

কনসোলে Total Number Of Rows=5 (হেডার সহ) দেখাবে।

  1. HTML-এ টেবিলের rowspan এবং colspan কী?

  2. HTML-এ টেবিল কলাম মার্জ (Merge) করা

  3. HTML-এ টেবিল সেল মার্জ (Merge) করা

  4. HTML কালার স্টাইল