頁面需要顯示行號
例如,序號一列數據自動更加行數生成
直接上代碼
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.js"></script>
<script type="text/javascript">
$(function(){
function number(){
for(var i=0;i< $(".numberClass").length;i++){
$(".numberClass").get(i).innerHTML = i+1;
}
}
number();
});
</script>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" width="200" height='100'>
<tr>
<th>序號</th>
<th>名字</th>
</tr>
<tr>
<td class="numberClass"></td>
<td>張三</td>
</tr>
<tr>
<td class="numberClass"></td>
<td>李四</td>
</tr>
<tr>
<td class="numberClass"></td>
<td>王五</td>
</tr>
<tr>
<td class="numberClass"></td>
<td>李六</td>
</tr>
<tr>
<td class="numberClass"></td>
<td>李六</td>
</tr>
<tr>
<td class="numberClass"></td>
<td>李六</td>
</tr>
<tr>
<td class="numberClass"></td>
<td>李六</td>
</tr>
</table>
</body>
</html>
代碼主要是通過JS實現。
還有一種方法是SQL直接輸出行號。