bootstrap-table 相关问题

Bt 表过滤器扩展：- 如何过滤下拉值过滤掉？

如何根据第一个过滤器上的新数据过滤下拉值。 就像第二个下拉值中只需要 $0 简单的表值过滤器然后根据过滤结果值下拉值来到 UI。

ASP.NET Core 8 MVC 中的引导表

我正在处理 ASP.NET Core 8 MVC 项目。在我的项目中，我需要实现表，并且必须使用 https://bootstrap-table.com/ 中的表，但我无法通过 Nuget 添加此包。 在文档中...

ID 表的引导表数字排序

我正在使用 Boostrap 表来描述我的管理页面中数据库中的表。我将数组保存到 json 文件中，然后进入表并使用以下代码显示它： 我正在使用 Boostrap 表来描述管理页面中数据库中的表。我将一个数组保存到 json 文件中，然后进入表格并使用以下代码显示它： <div class=\"row\"> <div class=\"col-lg-12\"> <div class=\"panel panel-default\"> <div class=\"panel-heading\"> <a href='record_show.php?tselect=blog&typerec=newblog' class='btn btn-success'>Добавить запись</a></div> <table data-toggle=\"table\" data-url=\"tables/data4.json\" data-sort-name=\"id\" data-sort-order=\"desc\" data-show-refresh=\"true\" data-show-toggle=\"true\" data-show-columns=\"true\" data-search=\"true\" data-select-item-name=\"toolbar1\" data-pagination=\"true\" > <thead> <tr> <th data-field=\"id\" data-sortable=\"true\">ID</th> <th data-field=\"header\" data-sortable=\"true\" >Заголовок</th> <th data-field=\"intro\" data-sortable=\"true\" >Введение</th> <th data-field=\"status\" data-sortable=\"true\" >Статус</th> <th data-field=\"seo\" data-sortable=\"true\" >Сео</th> <th data-field=\"type\" data-sortable=\"true\" >Тип</th> <th data-field=\"date\" data-sortable=\"true\" >Дата</th> </tr> </thead> </table> </div> </div> </div> </div> 问题是 Bootstrap 表仅按字母数字排序，即 (1,11,12,2,21,3) 等。您是否有过将 Bootstrap 表强制为数字排序的经验，即(1,2,3, 11,12,21)? 在最新版本的 Bootstrap 表中，我发现了以下内容。 你可以使用 data-custom-sort="customSort" 然后您需要将以下脚本放在所用表格的 HTML 正下方。 function customSort(sortName, sortOrder, data) { var order = sortOrder === 'desc' ? -1 : 1 data.sort(function (a, b) { var aa = +((a[sortName] + '').replace(/[^\d]/g, '')) var bb = +((b[sortName] + '').replace(/[^\d]/g, '')) if (aa < bb) { return order * -1 } if (aa > bb) { return order } return 0 }) }

带有可滚动 tbody 的 Bootstrap 响应式表格？

我有一个引导表，我在它的tbody中附加了数据库的内容，但我无法真正仅在tbody中获得响应式垂直滚动（带有固定标题），我试图用css和.. .

Bootstrap-Table自定义过滤算法

我正在尝试使用 Bootstrap-Table 来显示我的数据，我想过滤指定单元格为空的行，但我不希望它们显示。 $('#tableId').bootstrapTable('refreshOptions', {

通过 JavaScript 使用虚线参数添加表格标签

我正在尝试使用 Javascript 添加 Bootstrap Table 表标签。表标签的参数之一是数据分页。这种添加方法由于 - 而失败。 我该如何解决...

如何动态创建引导表？

我在通过单击按钮开发引导表时遇到问题。我的目标是为表中的每一列添加排序功能。因此，对于我的用户案例，当用户单击按钮时，它会调用...

数据未显示

我正在尝试使用引导表、php 和 javascript 显示数据库中的数据。我有这个代码： 索引.html 我正在尝试使用 bootstrap 表、php 和 javascript 显示数据库中的数据。我有这个代码： index.html <div class="panel-body"> <div class="row"> <div class="col-md-12"> <table id="table" data-show-columns="true" data-height="500"> </table> </div> </div> </div> javascript var $table = $('#table'); $table.bootstrapTable({ url: 'list-farmers.php', search: true, pagination: true, buttonsClass: 'primary', showFooter: true, minimumCountColumns: 2, columns: [{ field: 'landID', title: 'ID', sortable: true, },{ field: 'location', title: 'Location', sortable: true, },{ field: 'surf_area', title: 'Surface Area', sortable: true, },{ field: 'surf_unit', title: 'Unit', sortable: true, },{ field: 'ownership', title: 'Ownership', sortable: true, },{ field: 'soiltype', title: 'Soil Type', sortable: true, }, ], }); php include 'dbconnect.php'; $sqltran = mysqli_query($con, "SELECT * FROM land where farmerID = 8")or die(mysqli_error($con)); $arrVal = array(); $i=1; while ($rowList = mysqli_fetch_array($sqltran)) { $name = array( 'num' => $i, 'landID'=>$rowList['landID'], 'location'=> $rowList['location'], 'surf_area'=> $rowList['surf_area'], 'surf_unit'=> $rowList['surf_unit'], 'ownership'=> $rowList['ownership'], 'soiltype'=> $rowList['soiltype'] ); array_push($arrVal, $name); $i++; } echo json_encode($arrVal); mysqli_close($con); 代码一定有问题，因为当我运行它时，表格和设计都在那里，但没有数据。 这是数据库中应该匹配的数据。 如果您确定 db-connect.php 文件中没有错误。 你的 list-farmers.php 看起来不错，但我怀疑它返回的是 html 页面。 将其添加到您的 list-farmers.php 中，就在您的开始标签之后 header('Content-Type: application/json'); 希望这有帮助。 是的！我找到原因了 正如大家所说，MIME_TYPE 是 application/html。所以我把 header('内容类型：application/json'); 我的 dbconnect.php 是这样的： $user = 'root'; $pass = ''; $db = 'farmingportal'; $con = mysqli_connect('localhost', $user, $pass, $db); if($con){ echo 'success!'; }else { echo 'not successful'; } 所以我只是删除了 if 语句.. 我已经使用这里提到的例子很长时间了。使用 PHP 7.4、Bootstrap 3 和 JQuery 1.11.1。 自从切换到 PHP 8.1、Bootstrap 5 和 JQuery 3.5.1 后，数据不再显示在表中。 奇怪的是我在Ajax请求的响应中看到了数据库中的数据。所以这个调用是正确的。但是，数据不再显示在表中。 有人对此有什么想法吗？ 非常感谢 罗宾

使用“checkAll”方法的引导表仅检查当前页面中的复选框

我的 HTML5 页面中有一个引导表。 使用 $('#bk-table').bootstrapTable('checkAll') 时 仅选中当前页面中的复选框。 如何选中所有页面中的所有复选框？ 我的

当选中一行时，整行变黑

在引导表中使用复选框时，所选的每一行都会变黑，我如何管理颜色或者我缺少库或其他东西 已检查引导表 我尝试了 CSS 属性 chan...

如何向bootstrap-table添加水平滚动条？

我在引导表中遇到问题，其中的列不适合屏幕，所以我想通过在引导表中提供水平滚动条来处理该问题。

将引导表中所有已检查行的数据存储在数组中

我在我的reactJS应用程序中使用引导表。为了填充该表，我调用一个 api 并将响应映射到该表的行。看起来像这样 我在我的reactJS应用程序中使用引导表。为了填充该表，我调用一个 api 并将响应映射到该表的行。看起来像这样 <TableBody showRowHover={true} deselectOnClickaway={false}> { this.state.MediaFiles.map((item,i)=> ( <TableRow key={i} className={`table-item-${i}`} selected={this.props.selectedRows.includes(i)}> <TableRowColumn className='td-filename'> <div className='item-file-details'> <div className='file-image' style={{backgroundImage: `url('${item.poster.list_thumbnail}')`}}/> <div className='details'> <p className='detail-name'> {item.title} </p> </div> </div> </TableRowColumn> <TableRowColumn> <p className="file-channel">Zee</p> </TableRowColumn> <TableRowColumn> <p className="file-duration">Movie </p> </TableRowColumn> </TableRow> )) } </TableBody> 我想将我签入 {item.title} 的每个文件的 table 保存在 array 中。选中 Id checkbox，然后该 {item.title} 或项目的 row 应附加到 array。当我取消选中它时，数据应该从数组中删除。我的主要问题是如何获取 {item.tiltle} 数据。是否有 onChecked 和 onUnchecked 之类的引导方法？ 也许这个答案来得有点晚了;) “onChecked”和“onUnchecked”方法如下： $table.on('check.bs.table uncheck.bs.table' , function (e, row, $row, colname) { // do something getIdSelections($table) }); 如果您单击“全部”复选框，则这将覆盖所有事件 $table.on('check.bs.table uncheck.bs.table ' + 'check-all.bs.table uncheck-all.bs.table', function (e, row, $row, colname) { // do something getIdSelections($table) }); 参数“row”将包含所选行的所有字段，您可以访问类似“row.title”的数据。 这是一个函数，它收集所有 id 并将其作为逗号分隔的字符串返回 function getIdSelections($table) { // collect all table rows which tick box is marked for action and return an array try { return $.map($table.bootstrapTable('getSelections'), function (row) { return row['colname_of_the_id_column']; }); } catch (e) { console.log(arguments.callee.name + ": " + e.message, e); } } 在这里您可以找到所有活动 引导表事件

引导程序在网格列中固定位置

我被要求看一些引导程序，我以前没有与 BS 合作过。 我需要改变什么才能实现以下目标： 单击按钮时，我想要两个表，左侧的数据表和选项卡...

bootstrap-table-filter-control选项排序

使用whenzhixin的Boostrap表和过滤控制扩展。 http://bootstrap-table.wenzhixin.net.cn/extensions/#table-filter-control 我希望对选择中显示的选项进行排序...

使用 bootstrap-table 我无法显示使用 data-url 检索的数据

我正在使用 bootstrap-table，希望从 URL 加载 JSON 数据并将其显示在表中。我尝试遵循库文档，虽然我可以看到数据正在加载，但...

如何更改 Bootstrap Table Paginator 的位置？

我正在使用 Bootstrap Table 源 CSS。我想将文本和页面大小如下所示从表格底部移动到顶部。这是一个例子。 显示 159 行 [20] 行中的 1 到 20...

bootstrap-table - 在 getAllSelections 中，我可以只获取某些列吗？

我正在使用 bootstrap-table (https://bootstrap-table.com/)。我通过 ajax 从 Active Directory 加载用户列表，在数据加载后，我想从行中获取两列数据 (cn,dn)

如何删除引导表中的此边框？

我正在使用 bootstrap 4 上的表； 最后更新 我正在使用 Bootstrap 4 上的表；<div class="col-md-9"><h3>last updated</h3> <div class="liste"> <table class="table table-dark table-md table-responsive-md" id="tablex"> <thead class="thead-inverse"> <tr> <th>#</th> <th>Manga Adı</th> <th>Bölümler</th> <th>Yükleyen</th> <th>Linkler</th> </tr> </thead> <tbody> <tr> <td><i class="fas fa-file-download"></i></td> <td>Deneme deneme</td> <td>1-56</td> <td>libero1i</td> <td>yadi.sk/bilmemne</td> </tr> CSS： #tablex { border-collapse: collapse; border-radius: 1em; overflow: hidden; border: 0px; } #tablex tr, th { padding: 1em; border-bottom: 2px solid white; } 当我添加 border: 0px; 时，我也想删除半径。我怎样才能做到这一点？ 我认为您正在查看错误的元素 - 该边框要么位于表格的父元素上，要么位于顶部的标题上。

带有 symfony 6 和 webpack 的 bootstrap-table 无法编译

我正在尝试更新 symfony 项目及其节点插件。我刚刚发现，在运行我的应用程序时，我收到一个关于 Uncaught bootstrap (not work after that) 表的 webpack 错误： 键入呃...

在引导表列中过滤多个徽章

我有一个用 bootstrap-table 制作的表格，并且有一列“状态”，其中一个单元格可以包含多个 html 徽章。 我有一个选择数据过滤器控件，但它无法正常工作......