bootstrap table 不能拿到指定url数据
[问题点数：40分]
本版专家分：0
CSDN今日推荐
本版专家分：0
匿名用户不能发表回复！
其他相关推荐&>&Bootstrap Table两个table间行数据拖拽
Bootstrap Table两个table间行数据拖拽
上传大小：18.17MB
BootStrap Table两个Table数据之间行数据拖拽。
综合评分：2
{%username%}回复{%com_username%}{%time%}\
/*点击出现回复框*/
$(".respond_btn").on("click", function (e) {
$(this).parents(".rightLi").children(".respond_box").show();
e.stopPropagation();
$(".cancel_res").on("click", function (e) {
$(this).parents(".res_b").siblings(".res_area").val("");
$(this).parents(".respond_box").hide();
e.stopPropagation();
/*删除评论*/
$(".del_comment_c").on("click", function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_invalid/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parents(".conLi").remove();
alert(data.msg);
$(".res_btn").click(function (e) {
var parentWrap = $(this).parents(".respond_box"),
q = parentWrap.find(".form1").serializeArray(),
resStr = $.trim(parentWrap.find(".res_area_r").val());
console.log(q);
//var res_area_r = $.trim($(".res_area_r").val());
if (resStr == '') {
$(".res_text").css({color: "red"});
$.post("/index.php/comment/do_comment_reply/", q,
function (data) {
if (data.succ == 1) {
var $target,
evt = e || window.
$target = $(evt.target || evt.srcElement);
var $dd = $target.parents('dd');
var $wrapReply = $dd.find('.respond_box');
console.log($wrapReply);
//var mess = $(".res_area_r").val();
var mess = resS
var str = str.replace(/{%header%}/g, data.header)
.replace(/{%href%}/g, 'http://' + window.location.host + '/user/' + data.username)
.replace(/{%username%}/g, data.username)
.replace(/{%com_username%}/g, data.com_username)
.replace(/{%time%}/g, data.time)
.replace(/{%id%}/g, data.id)
.replace(/{%mess%}/g, mess);
$dd.after(str);
$(".respond_box").hide();
$(".res_area_r").val("");
$(".res_area").val("");
$wrapReply.hide();
alert(data.msg);
}, "json");
/*删除回复*/
$(".rightLi").on("click", '.del_comment_r', function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_comment_del/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parent().parent().parent().parent().parent().remove();
$(e.target).parents('.res_list').remove()
alert(data.msg);
//填充回复
function KeyP(v) {
var parentWrap = $(v).parents(".respond_box");
parentWrap.find(".res_area_r").val($.trim(parentWrap.find(".res_area").val()));
评论共有3条
ASP.NET的，不适用
没下载下来呀，404报错了下个这个页面。5分扣了
ASP.NET的，不适用
VIP会员动态
热门资源标签
CSDN下载频道资源及相关规则调整公告V11.10
下载频道用户反馈专区
下载频道积分规则调整V1710.18
spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip
资源所需积分/C币
当前拥有积分
当前拥有C币
输入下载码
为了良好体验，不建议使用迅雷下载
Bootstrap Table两个table间行数据拖拽
会员到期时间：
剩余下载个数：
剩余积分：0
为了良好体验，不建议使用迅雷下载
积分不足！
资源所需积分/C币
当前拥有积分
您可以选择
程序员的必选
绿色安全资源
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
您的积分不足，将扣除 10 C币
为了良好体验，不建议使用迅雷下载
无法举报自己的资源
你当前的下载分为234。
你还不是VIP会员
开通VIP会员权限，免积分下载
你下载资源过于频繁，请输入验证码
您因违反CSDN下载频道规则而被锁定帐户，如有疑问，请联络:!
若举报审核通过，可返还被扣除的积分
被举报人：
landeanfen
请选择类型
资源无法下载 （ 404页面、下载失败、资源本身问题）
资源无法使用 （文件损坏、内容缺失、题文不符）
侵犯版权资源 （侵犯公司或个人版权）
虚假资源 （恶意欺诈、刷分资源）
含色情、危害国家安全内容
含广告、木马病毒资源
*投诉人姓名：
*投诉人联系方式：
*版权证明：
*详细原因：
Bootstrap Table两个table间行数据拖拽bootstrap table 是否有数据_百度知道
bootstrap table 是否有数据
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
来自知道合伙人认证行家
互联网类行家
采纳数：5670
获赞数：12132
毕业于曲阜师范大学，学士学位。互联网行业2年从业经验，读过SEO相关书籍。现任爱家网SEO优化专员。
你要知道一个基础table的标签怎么去写, 只有知道这个基础, 你才能更好的用bootstrap中的table. html在这不过多说明. 既然看这篇文章, 肯定都能够理解. 然后现在就把bootstrap中的table来详细说明一下. 基础的table如下:下面了解一下bootstrap中table, 没有什么大道理可以讲解. 唯有一点, 通过表格的方式展示页面. 首先有必要样式.table. 和一些选用样式. 举例说明必要样式. 首先要搭建一个基础框架, 请看系列经验第一篇. 在搭建的基础框架里面的body部分填写table信息. 然后在table的标签上加上基础样式.table的css样式. 你立刻发现, 界面瞬间好看多了. 说明一下除了必要的.table之外, 还有很多可选的class.
不同的可选class. 是可以联合使用的. 1.我们常用的就有边框的table. 只需要使用.table-bordered 查看效果图. 2.斑马线, 也就是隔行相同颜色的一个样式. 使用.table-striped样式.注意点有2个: (1)斑马线是对tbody中的行起作用(2)斑马线的实现方式是通过:nth-child CSS选择器实现的, 但是呢, 他不被ie8支持, 你懂我说的. 3.鼠标悬停在行上, 改变行的背景颜色. 使用.table-hover样式.注意: 这个需要多行的时候, 这种效果更加明显. 4.让表格更加紧凑的样式.table-condensed, 它是让表格单元格中的内部（padding）减半.展现更多的内容, 和更多的显示内容.其他的提醒说明: 在bootstrap中有这样的几个样式, 可以说是提醒样式. 每个样式都是一种提醒方式. 这些方式也可以放到table中. 只需要使用class即可.上面状态的样式, 可以使用到不同的内容中, 比方说, tr中, td中, 都是可以的. 下面的举例说明. 注意点: 在使用这个样式的时候不能使用.table-striped的样式, 会出现不能正常显示的问题.还有就是现在比较流行的响应式的table. 只需要在table包含在.table-responsive中即可, 作用为: 当屏幕小于768的时候, 才会出现滚动条, 否则滚动条消失.10动手去尝试, 你发现学习bootstrap也就是这么简单.祝你更快的学会这个框架.
为你推荐：
其他类似问题
您可能关注的内容
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。使用bootstrap table不显示数据
按时间排序
首先, 你要知道一个基础table的标签怎么去写, 只有知道这个基础, 你才能更好的用bootstrap中的table. html在这不过多说明. 既然看这篇文章, 肯定都能够理解. 然后现在就把bootstrap中的table来详细说明一下. 基础的table如下:下面了解一下bootstrap中table, 没有什么大道理可以讲解. 唯有一点, 通过表格的方式展示页面. 首先有必要样式.table. 和一些选用样式. 举例说明必要样式. 首先要搭建一个基础框架, 请看系列经验第一篇. 在搭建的基础框架里面的body部分填写table信息. 然后在table的标签上加上基础样式.table的css样式. 你立刻发现, 界面瞬间好看多了. 说明一下除了必要的.table之外, 还有很多可选的class.
不同的可选class. 是可以联合使用的. 1.我们常用的就有边框的table. 只需要使用.table-bordered 查看效果图. 2.斑马线, 也就是隔行相同颜色的一个样式. 使用.table-striped样式.注意点有2个: (1)斑马线是对tbody中的行起作用(2)斑马线的实现方式是通过:nth-child CSS选择器实现的, 但是呢, 他不被ie8支持, 你懂我说的. 3.鼠标悬停在行上, 改变行的背景颜色. 使用.table-hover样式.注意: 这个需要多行的时候, 这种效果更加明显. 4.让表格更加紧凑的样式.table-condensed, 它是让表格单元格中的内部（padding）减半.展现更多的内容, 和更多的显示内容.其他的提醒说明: 在bootstrap中有这样的几个样式, 可以说是提醒样式. 每个样式都是一种提醒方式. 这些方式也可以放到table中. 只需要使用class即可.上面状态的样式, 可以使用到不同的内容中, 比方说, tr中, td中, 都是可以的. 下面的举例说明. 注意点: 在使用这个样式的时候不能使用.table-striped的样式, 会出现不能正常显示的问题.还有就是现在比较流行的响应式的table. 只需要在table包含在.table-responsive中即可, 作用为: 当屏幕小于768的时候, 才会出现滚动条, 否则滚动条消失.10动手去尝试, 你发现学习bootstrap也就是这么简单.祝你更快的学会这个框架.
你用右键查看网页源代码，肯定会发现显示数据的部分多用了一个&td&，这样就会出现一个空列了，比如&td&1&/td&&td&&td&200&/td&&td&&td&显示屏&/td&&td&&td&……黑体字部分就是多出来的。至于为什么会这样，那就要检查你的源程序才知道了。
它是把数据一次性加载出来放到界面上，然后根据你设置的每页记录数，自动生成分页。当点击第二页时，会自动加载出数据，不会再向服务器发送请求。同时用户可以使用其自带的搜索功能，可以实现全数据搜索。对于数据量较少的时候
问题是什么？
感谢您为社区的和谐贡献力量请选择举报类型
经过核实后将会做出处理感谢您为社区和谐做出贡献
确定要取消此次报名，退出该活动？
请输入私信内容：10:44 提问
为什么使用jQuery1.7.2版本时，bootstrap-table数据不显示？
使用jQuery1.9以上版本时，bootstrap-table数据会显示；换成jQuery1.7.2版本时，bootstrap-table数据不显示？
按赞数排序
楼上说的都错了。这是由于在1.7.2版本中$(document.createDocumentFragment()).append(dom);无效，无法将dom元素添加到文档碎片上；
将对应位置的代码改成如下所示即可，最后一个红框由于太长记得把整个appendChild里的内容括起来后面再加[0]
Bootstrap 插件全部依赖 jQuery
请注意，Bootstrap 的所有 JavaScript 插件都依赖 jQuery，因此 jQuery 必须在 Bootstrap 之前引入，就像在基本模版中所展示的一样。在 bower.json 文件中 列出了 Bootstrap 所支持的 jQuery 版本。
以上官网原话，楼主找到
bootstrap/bower.json文件最后面查看依赖的js版本
"name": "bootstrap",
"description": "The most popular front-end framework for developing responsive, mobile first projects on the web.",
"keywords": [
"mobile-first",
"responsive",
"front-end",
"framework",
"homepage": "http://getbootstrap.com",
"license": "MIT",
"moduleType": "globals",
"less/bootstrap.less",
"dist/js/bootstrap.js"
"ignore": [
"_config.yml",
"composer.json",
"CONTRIBUTING.md",
"js/tests",
"test-infra"
"dependencies": {
"jquery": "1.9.1 - 3"
bootstrap比如在jquery引入后引入。不然可能会导致这个问题
引入先后的问题，科研先引入jquery，再引入bootstrap。bootstrap要利用jquery的基础
引入顺序的问题，先引入jquery试一下
准确详细的回答，更有利于被提问者采纳，从而获得C币。复制、灌水、广告等回答会被删除，是时候展现真正的技术了！
其他相关推荐
bootstrap-table无法加载json数据问题：可以获取后台传过来的json数据但是无法在table中显示出来
解决方案：添加responseHandler
注意：用json加载数据 table 标签不能写 data-toggle=”table” 属性&!--list.ejs --&
&table id=&userlist&&&/table&/*list.js*/
var tabIni
做一个大数据的项目，web页面数据展示用的ACE，所以有些页面想用到Jquery table来做，
整个项目用Python+Django+ACE来做web前后端
模板本身的演示效果如下，个人感觉还是相当美观，而且排序和导出功能也非常清晰：
开始写通常主要技术点有以下几点
- 后端整理数据
- 前端Ajax请求数据
- 构造table前两项都没有问题，到了最终页面套用插件展示的时候，遇到了
原操作文档：http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/
上是这样写的：
data-page-list
[10, 25, 50, 100, All]
如果设置了分页，设置可供选择的页面数据条数。设置为All 则显示所有记录。
加上all 后页面不能
bootstrap-table非常方便的显示表格，但是有时候也会出现各种问题，它可以前端分页，也可以后台分页。/比方说如果是后台分页sidePagination : &server&, // 设置在哪里进行分页，可选值为&client& 或者(1)首先要改发送到服务器的数据编码类型contentType : &application/x-www-form-urlencoded&,不然你的query...
能够成功获取到数据，就是有些数据显示-，打印类型是undefined，折腾了半下午，还是自己粗心的问题，错在
columns取值映射中
错误代码如下：
title: '更新时间',
field: 'Time ',
colspan: 1,
rowspan: 2,
align: 'center',
valign: &middle&,
有两个页面都是用的bootstrap-table做的，id起的名字是一样，表格里部分内容名称也一样，这样快速切换的时候，发现，本来一个应该没有数据的表格，显示了第二个页面中
表格的数据~~~~~~查了半天，各种断点，后来发现，当时拷贝，两个表的ID起的一样，懒了一下，就出现了这个匪夷所思的问题，以后不要偷懒了。。。。
今天还做了post情况下，列是不固定情况的表格，大概思路是这样，先发消
Bootstrap-Table是一个Boostrap的表格插件，能够将JSON数据直接显示在表格中。当然，这需要配置一些参数并进行初始化表格才行。其官方网站地址为：http://bootstrap-table.wenzhixin.net.cn/。里面可以下载使用所需的JS和CSS文件，以及参考文档和例子。
Bootstrap-Table显示数据到表格的方式有两种，一种是客户端（client）模式
一、行样式修改
&table id=&table1&
data-row-style=&rowStyle&&/*
* data-row-style 扩展方法处理 行样式
$('#table1').bootstrapTable({
columns: [
{ field: 'sno', title: '学生编号' },
{ field: 's
有的表格不需要分页，我会把分页相关的属性删掉，此时若返回的数据仍然是一个page的对象，即使有数据页面上也不会显示。
解决方法是修改返回数据，去掉page的包装，只取里面的内容就好
内容过多时：
所以我想改成显示一行
table-layout:
text-overflow:
white-space:
还行，如果我想点击显示全部呢？
class: 'txt',}