Bootstrap+JS渲染数据表格

橙乐果果

于 2019-07-18 22:15:14 发布

阅读量3.2k

点赞数 4

分类专栏： Web Java

本文链接：https://blog.youkuaiyun.com/weixin_38407595/article/details/96439960

版权

该博客介绍如何结合Bootstrap和JavaScript来创建表格。首先，定义了一个基本的表格结构，然后通过编写JS来实现数据的动态渲染。虽然没有详细展示代码，但提到了实际应用中可以根据业务需求进行扩展。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

比较常用的JS搭配Bootstrap生成生成表格～

1.定义一个表格

emm...引入css、js这些基本的就忽略了

<div class="container">
    <div class="row">
		<div class="col-md-12">
			<table class="table table-hover " id="my_table">
				<!-- 表头 -->
				<thead>
				<tr>
					<th>送评单号</th>
					<th>网名</th>
					<th>真实姓名</th>
					<th>项目数量</th>
					<th>总费用</th>
					<th>创建时间</th>
					<th>操作</th>
				</tr>
				</thead>
				<!-- tbody 表内容,使用js填充 -->
				<tbody>
				</tbody>
			</table>
		</div>
	</div>
</div>

2.编写JS

最低0.47元/天解锁文章