问题标签 [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 投票
4 回答
4131 浏览

javascript - 在引导表中对货币进行排序

我想将货币符号添加到我的数字中,同时使值在我的引导表中保持可排序(第 30-34 行;表中的第 4 列):

http://jsfiddle.net/mademoiselletse/s0d1xgzt/

带有“$”的值被排序为字符串而不是数字。我在网上发现的所有货币排序问题都与 DataTable 和 tablesorter() 插件有关。有没有比安装更多 jQuery 插件更快的解决方法?

非常感谢您的帮助!

0 投票
1 回答
1886 浏览

twitter-bootstrap - 指定下拉列表的值和标签

我使用data-filter-control="select">由 wenzhixin 的引导表扩展(github - 过滤器控制扩展)启动的下拉菜单。

我用数据库中的数据填充下拉值,例如“admin”、“report”。我想显示一个更“用户友好”的标签。这是一个 HTML 示例:<option value='report'>Report only</option>.

问题是,如果我从我的数据库中获取报告并将其转换为Report only,它将不再过滤,因为它在我的数据库中寻找后者而不是第一个。

下拉列表只需要一个数据,这用于值和标签,我得到那个 HTML 输出:<option value='report'>report</option>

是否可以指定一个值然后显示一个标签?

编辑

截图: 在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
5040 浏览

twitter-bootstrap-3 - 如何更改引导表列中的列数据

我通过 jQuery 更改了Bootstrap 表中列的文本:

$('#my_td').text('45,999.54$');

当我通过行对象

最后一列具有旧值。见截图。左边的红色方块是我通过的值getSelections,右边的红色方块是我通过 jQuery 更改的值。

表格截图

更改最后一列值并在使用时获得相同值的正确方法是什么getSelections

回答例子

这有效

0 投票
2 回答
1203 浏览

javascript - 根据 startdate 和 enddate 过滤 JSON

我的 JSON 看起来像这样:


JSON 来自外部源,并且在生产中是动态的,但所有源都将具有相同的结构。


用户将有三个输入:

  1. 选择 JSON 源的第一个输入(出于演示目的已删除)
  2. 选择开始日期以开始返回 JSON 数据的第二个输入(例如2015-06-01
  3. 第三个输入选择结束日期以结束返回 JSON 数据(例如2015-06-19


这是 HTML 表单:


这是javascript:


基本上我想要的是当用户点击搜索页面获取 JSON 源 URL,但只返回输入日期之间的数据(包括输入的日期)。然后将 JSON 输出到引导数据表中。


我通常提供一个 jsFiddle 示例,但是我无法获得一个小提琴来读取外部 JSON 文件,所以希望一个 codepen 示例是可以的:)

http://codepen.io/lordtubington/pen/GJOVpy

注意:我意识到引导表https://github.com/lukaskral/bootstrap-table-filter有一个过滤器扩展,但是这个过滤器扩展在获取数据后工作。我的用户将请求包含数千条记录的文件,我不能让他们获取所有记录然后应用日期过滤器:)

0 投票
3 回答
18827 浏览

jquery - 如何更改引导表中页面大小的默认值?

我正在使用这个引导表 http://wenzhixin.net.cn/p/bootstrap-table/docs/examples.html#client-side-pagination-table

这给出了 10 的默认页面大小。加载网格时如何将其更改为 5 或任何值。

它提供了选择它的选项,data-page-list="[5,10]"但默认情况下加载时它保持 10。

0 投票
1 回答
2214 浏览

php - “未找到匹配记录”未显示在“引导表”中

我正在为我的网站使用“bootstrap-table”(https://github.com/wenzhixin/bootstrap-table)插件,目前正在使用它的服务器端分页属性。

该表已正确填充,并且搜索功能也有效。但是当搜索不存在的东西时,它会显示所有记录而不是显示“未找到匹配记录”。

这是我正在使用的html代码...

这是我用来创建 JSON 响应的 php 脚本...

JSON响应如下...

0 投票
0 回答
757 浏览

javascript - 引导表 - 关于服务器端分页

我使用服务器端分页,但是当我激活服务器端分页时,数据搜索过滤器也在服务器端模式下工作。

是否可以将搜索过滤器配置为仅在当前显示的页面上以客户端模式工作?

谢谢T。

0 投票
1 回答
3156 浏览

asp.net-mvc-4 - 如何将模型传递给引导表中的 data-url?

我正在使用 -引导表

我不知道,我如何将模型传递给的data-url属性bootstrap-table

我的剃刀代码:

我的控制器代码 - 以防万一。

0 投票
0 回答
791 浏览

jquery - 如何刷新不使用 ajax 的工具提示器的内容

我正在尝试在每次显示之前刷新工具提示器的内容,但并非每次都有效。这是我的代码的样子:

正如您从代码中看到的,在显示工具提示之前,我正在更新引导表的数据 URL,以便获取悬停在的行或单元格的数据。我已经测试了更新引导表,它可以正常工作,就像我在代码的其他部分中所做的那样。但问题是工具提示器并不总是显示新的表数据。

任何帮助都会很棒!谢谢!

0 投票
1 回答
22311 浏览

css - 如何在引导表中设置单选按钮或复选框的样式?

我希望使用类似https://github.com/cosmicwheels/jquery-checkradios的方式在 Bootstrap Table 中设置单选按钮或复选框的样式。但是,我不明白如何做到这一点,因为实际相应的输入标签是由 javascript 代码 (bootstrap-table.js) 中的连接操作创建的。是否有任何规定可以提供 CSS 类来设置 Bootstrap 表中的单选按钮样式?