8.0w+
社区成员
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>
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
兔子托尼啊 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"的问题，不知道该怎么办了
兔子托尼啊 2015-09-22
为什么不现实。你先不加js ，然后一个个加进去排除看看是什么问题。
Bootstrap Table 在指定列中添加下拉框控件并获取所选值 通过 bootstrap-table 的Column 配置项中的formatter，将获取到的数据转换为包含数据的 select 控件。然后根据用户选择项更新对应单元格数据，最后通过getallselection方法获取所选行数据
bootstrap table 分页不显示 $('#mytab').bootstrapTable({ method : 'get', url : "user/getUserListPage",//请求路径 striped : true, //是否显示行间隔色 pageNumber : 1, //初始化加载第一页 pagination : true,//是否分页 ...
bootstrap table组件无法显示图标问题 无法显示图标其实就是版本不对应问题 bootstrap table尽量选用高版本（例如1.14），而bootstrap尽量用bootstrap3，并且bootstrap3的js和css引入尽量用本地，不要用CDN， bootstrap table可以用CDN的 在这里插入代码...
bootstraptable基于Bootstrap的jQuery表格插件 bootstrap-table：基于 Bootstrap 的 jQuery 表格插件，通过简单的设置就可以拥有强大的单选、多选、排序、分页、编辑、导出、过滤（扩展）等功能
bootstrap table 分页只显示分页不显示总页数等数据 搜了下没找到解决方案，就用CSS来解决了。 把paginationDetailHAlign:"right",使pagination-detail的class为.pull-right.pagination-detail， 设置 ...就实现了隐藏具体分页显示。...
Bootstrap Table API 中文版（完整翻译文档） *$('#table').bootstrapTable({}); *看网上有中文版的，但有些就是字面直接译过来了，而且有的就没有翻译，那就打算自己再翻译一遍，每一条会尽 *最大可能结合尽可能多资料翻译，如果发现译的内容比英文多，是添加了...
Bootstrap-table 显示数据到表格 一、什么是Bootstrap-table？ 在业务系统开发中，对表格记录的查询、分页、排序等处理是非常常见的，在Web...Bootstrap-table插件提供了非常丰富的属性设置，可以实现查询、分页、排序、复选框、设置显示列、C...
bootstrap table 分页条只显示翻页按钮，不显示文字信息 搜了下没找到解决方案，就用 CSS 来解决。 先设置 paginationDetailHAlign:"right"，然后看到 pagination-detail 的 class为.pull-right.pagination-detail， 设置它： .pull-right.pagination-detail { ...
