问题标签 [bootstrap-table]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
6497 浏览

css - 修复引导表列宽

我想修复 Bootstrap 表中特定列的宽度。我已经尝试了在文档和论坛上可以找到的所有内容:

根据Bootstrap Table 文档data-width属性添加到标签:<th>

添加class="col-xs-4"<th>标签:

最后,更改列的 CSS 属性:

不幸的是,上述方法都没有奏效。我想知道我是否编写了错误的代码或我的某些代码相互冲突。非常感谢您的帮助!

这是我的桌子:

http://jsfiddle.net/mademoiselletse/bypbqboe/56/

0 投票
4 回答
78944 浏览

javascript - 修复引导表的第一列

我在这篇文章中按照@koala_dev 的代码尝试锁定我的表格水平滚动的第一列。不幸的是,该代码对我的桌子没有影响。我想知道是否有人可以给我一些关于我做错了什么的指示,因为我是编程新手。

这是我的桌子:http: //jsfiddle.net/mademoiselletse/bypbqboe/59/

这是我在 JS 中插入的代码(第 121-133 行):

这是我插入的 CSS 属性(第 36-47 行):

我唯一偏离演示代码的是我定义$('.table')$tableClass而不是$table因为我之前定义var $table$('#table'). 您的帮助将不胜感激!

0 投票
3 回答
1471 浏览

javascript - Bootstrap 工具提示在排序表时消失

通过将以下标记直接添加到我的表格单元格中,我在表格 ( http://jsfiddle.net/mademoiselletse/bypbqboe/66/ )中包含了一些引导工具提示(由 glyphicons 指示) :

tooltipExe ()我通过每次加载表时触发来初始化工具提示(第 56、82、109、117行),定义如下:

虽然在加载表格时它可以完美运行,但一旦我对表格进行排序,表格单元格中的引导工具提示效果就会奇怪地消失。我浏览了Bootstrap JS 文档和论坛,但找不到任何有用的东西。有谁知道什么可能导致这种失踪?非常感谢您的帮助!

0 投票
2 回答
5069 浏览

pug - 将超链接添加到 bootstrap-table 生成的列中的文本

使用 Node + Jade 创建一个可以显示大量用户列表的表,所以我决定使用 bootstrap-table,我发现了一个很棒的库,有很多可能性。

我目前正在使用分页来不在表格中显示太多信息,目前表格只有两列,第一列是选择多个用户的复选框,第二列只是用户的用户名。该表看起来很棒,但我会添加一个链接来详细介绍用户(例如:/user/:id),然后将此链接添加到我的第二列。

目前我的代码如下所示:

我只想在包含用户名的文本中添加一个超链接

0 投票
2 回答
1127 浏览

bootstrap-table - 对包含逗号的数字进行排序

我正在尝试使用逗号对一列数字进行排序,例如 1,092,021。排序将 , 视为小数并且排序不正确。例如:

有没有办法让逗号分隔的数字正确排序?

0 投票
3 回答
4045 浏览

json - 如何在 django 中为引导表返回 json

如何从查询集返回json - A.objects.all()到引导表(http://wenzhixin.net.cn/p/bootstrap-table/docs/examples.html):

在意见中:

0 投票
1 回答
950 浏览

javascript - 如何在backbone.js中动态使用引导mergeCells

我有一个创建引导表的函数,我必须动态合并该表中的特定列。

链接事件函数:

即使上面的代码不起作用,它也没有进入 mergeCells 方法。请帮我解决这个问题..

0 投票
1 回答
3540 浏览

x-editable - bootstrap-table x-editable 插件,不能设置类型来选择

我正在使用带有 x-editable 插件的 bootstrap-table,它主要工作,除了我无法更改 x-editable 弹出窗口上的输入类型。我试过设置data-type="select"type: 'select'但它总是显示为类型text

这个小提琴显示了这个问题,表格应该使用选择类型但没有,表格外部具有相同选项的链接确实有效。

js -

https://jsfiddle.net/e3nk137y/2048/

0 投票
2 回答
11074 浏览

jquery - Bootstrap-table 过滤器控制扩展使用完整的选项列表填充选择

我正在使用 bootstrap-table 处理我的数据库中的数据。

我使用分页功能,并且仅使用限制和偏移选项发回用户请求的行数。

我还使用 table-control 扩展来轻松过滤结果。但是,当我使用选择控件进行过滤时, data-filter-control="select" 条目只是该组结果中返回的条目。

当我应用其他过滤器时,列表会增长。我想使用 API 并让它从服务器中为该列表预加载所有可能项目的列表,以允许通过这些选项进行过滤。

虽然我可以将结果与每个过滤的结果集一起发回,可能在 JSON 的单独元素中,但最好在控件本身加载后加载此列表,因为我不需要经常发送该组数据到每个过滤器的控制。

这可能吗?我可以使用 API 用一组值预加载此列表吗?

github上有一个问题似乎描述了与我遇到的问题类似的问题https://github.com/wenzhixin/bootstrap-table/issues/904和补丁说明,但我不知道如何实施。

我正在使用来自 maxcdn.bootstrapcdn.com 的 bootstrap 3.3.4,我正在通过 cdnjs.cloudflare.com 使用 bootstrap-table 1.8.1

编辑:在使用 FireBug 逐行遍历代码以确定我是否可以做到这一点后,我已经弄清楚了这一点。

向过滤器提供数据有两种选择。将属性 data-filter-data 添加到 . 您可以使用“var”或“url”选项后跟下划线(或其他一些被丢弃的字符),然后在“var”的情况下传递一个对象名称,我的看起来像这样 data-filter-data= “var_OnlineValues”并使用我的对象 var OnlineValues = {“”:“”,“开始”:“开始”,“提交”:“提交”}。我在服务器上也有一些以 JSON 形式返回的数据。data-filter-data="url_filename.php" 并且返回的对象是键/值对。

我希望这有帮助。

0 投票
0 回答
207 浏览

twitter-bootstrap - 引导表 - 不按 ajax JS 对更新的值进行排序

我正在使用 Bootstrap 表: http ://bootstrap-table.wenzhixin.net.cn/documentation/#methods

一开始,当我加载页面时,我有一个包含一些值的普通表。

直到这里没有问题。

然后,随着时间的推移,这些值被我的 JS 修改(使用 ajax ......)。

我的问题在这里:当我通过单击列进行排序时,表格是在页面加载时使用 biggining 值的值排序的)而不是 JS 更新的值......

引导表中是否有“记忆”?

如何更新这个“记忆”并使用更新的值进行排序?

谢谢