81,122
社区成员
发帖
与我相关
我的任务
分享bootstrap的table控件不显示值
今天想试一下bootstrap的table控件，结果不知道问什么不显示值，大神帮忙看一下吧
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-table.min.css">
<title>Insert title here</title>
</head>
<body>
<div class="container">
<table id="table"
data-toggle="table"
data-show-columns="true"
data-search="true"
data-show-refresh="true"
data-show-toggle="true"
data-pagination="true"
data-height="500">
<thead>
<tr>
<th>ID</th>
<th>Item Name</th>
<th>Item Price</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<th>pear</th>
<th>99</th>
</tr>
</tbody>
</table>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!--<script src="assets/bootstrap2.3/js/bootstrap.min.js"></script>-->
<script src="js/tableExport.js"></script>
<script src="js/jquery.base64.js"></script>
<script src="js/bootstrap-table.js"></script>
<script src="js/bootstrap-table-export.js"></script>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-table.min.css">
<title>Insert title here</title>
</head>
<body>
<div class="container">
<table id="table"
data-toggle="table"
data-show-columns="true"
data-search="true"
data-show-refresh="true"
data-show-toggle="true"
data-pagination="true"
data-height="500">
<thead>
<tr>
<th>ID</th>
<th>Item Name</th>
<th>Item Price</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<th>pear</th>
<th>99</th>
</tr>
</tbody>
</table>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!--<script src="assets/bootstrap2.3/js/bootstrap.min.js"></script>-->
<script src="js/tableExport.js"></script>
<script src="js/jquery.base64.js"></script>
<script src="js/bootstrap-table.js"></script>
<script src="js/bootstrap-table-export.js"></script>
</body>
</html>
...全文
请发表友善的回复…
发表回复
tony4geek 2015-09-22
- 打赏
- 举报
你 画面加载完的时候 $('#table').bootstrapTable('destroy').bootstrapTable({
columns: columns,
data: data
});
先 把数据填充到table 中
zhucezhanghu1 2015-09-22
- 打赏
- 举报
我参考的就是这个，主要是json文件中的数组都是自己写好的，我想了两种方式
1.从后台传list到json，然后表格读取
2.直接使用后台传过来的list用foreach语句输出
可是两种方式都没查到解决办法
zhucezhanghu1 2015-09-22
- 打赏
- 举报
应该是data-toggle="table"的问题，不知道该怎么办了
tony4geek 2015-09-22
- 打赏
- 举报
为什么不现实。你先不加js ，然后一个个加进去排除看看是什么问题。
