bootstrap-table 相关问题

我正在使用 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 }) }

javascript bootstrap-4 bootstrap-table

回答 1 投票 0

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

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

css twitter-bootstrap bootstrap-5 bootstrap-table

回答 2 投票 0

Bootstrap-Table自定义过滤算法

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

bootstrap-table

回答 1 投票 0

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

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

javascript twitter-bootstrap-3 bootstrap-table

回答 2 投票 0

如何动态创建引导表？

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

javascript jquery html pagination bootstrap-table

回答 2 投票 0

数据未显示

我正在尝试使用引导表、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请求的响应中看到了数据库中的数据。所以这个调用是正确的。但是，数据不再显示在表中。有人对此有什么想法吗？非常感谢罗宾

javascript php mysql json bootstrap-table

回答 3 投票 0

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

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

javascript html bootstrap-table

回答 2 投票 0

bootstrap-table 相关问题

最新问题