怎样使用js填充数据到bootstrap的表格中

时间：2026-04-24 23:23:59

1、打开HBuilderX开发工具，在项目中新建页面文件，并引入bootstrap相关文件和jquery文件

2、在<body></body>标签中，插入一个table标签和表头标题

怎样使用js填充数据到bootstrap的表格中

3、保存代码并运行页面文件，打开浏览器，可以查看到一个表头

怎样使用js填充数据到bootstrap的表格中

4、在jquery初始化函数中，定义一个数组data，并添加数据

怎样使用js填充数据到bootstrap的表格中

5、利用for循环遍历数组data，拼接字符串str，然后追加到tbody中

怎样使用js填充数据到bootstrap的表格中

6、再次保存代码并刷新浏览器，可以查看到表格数据显示出来了

怎样使用js填充数据到bootstrap的表格中