<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>霞光照明</title>
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="">
<meta name="Keywords" content="">
<!-- 引入图标 -->
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<!--引入共同样式以及字体 -->
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/font-awesome.css">
<!-- base里面只写自创公共样式 -->
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" href="css/layui.css">
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- 引入外部js用来设置动画效果 -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" type=" text/javascript"></script>
<script src="https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js"></script>
<script src="js/base.js"></script>
<link rel="stylesheet" href="css/bootstrap.css">
<!-- index.css是首页的css -->
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/animate.css">
<style>
.table td {
width: 85px;
display: inline-block;
text-align: center;
}
</style>
</head>
<body>
<div class="container" style="width: 900px;">
<table class="table">
<thead>
<tr class="success">
<td class="">aa</td>
<td>aa</td>
<td>aa</td>
<td>aa</td>
<td>aa</td>
<td>aa</td>
<td>aa</td>
<td>aaq</td>
<td>aa</td>
<td>a1</td>
</tr>
</thead>
</table>
</div>
<div class="container" style="overflow:scroll;height: 300px;width: 900px;">
<table class="table">
<tbody id="p">
</tbody>
</table>
</div>
<script>
function addTable() {
for (var i = 0; i < 500; i++) {
$("#p").append("<tr class='aa'></tr>");
}
}
function addTable1() {
for (var i = 0; i < 10; i++) {
$(".aa").append("<td>q</td>");
}
}
addTable();
addTable1();
</script>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 字符编码：从基础到乱码解决