首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Bootstrap Tables设置标记为选中的特定行的复选框

Bootstrap Tables设置标记为选中的特定行的复选框
EN

Stack Overflow用户
提问于 2018-09-22 07:01:39
回答 1查看 745关注 0票数 0

我正在使用Bootstrap表。文档位于Here

我正在对来自MySQL服务器的大量动态生成的数据使用分页。我在表格的开头使用了复选框,但是我需要一种方法来采样数百个条目,然后根据现有数据预先勾选其中的几个条目。

我尝试过使用$("#storeTable").bootstrapTable('getData', false);来遍历所有条目,并使用post table load方法检查它们,但是这只返回了在分页中显示的大约10行。

这里的任何帮助都将是实现这一点的好方法或策略。如果在检查它们之后,我可以让选中的那些排序到顶部,那就更好了。

Picture of Table

代码语言:javascript
复制
<div class="form-group">
                <div id="@ViewData["Title"]" class="table-responsive text-nowrap" style="white-space:normal; overflow-x:scroll">
                    <table id="storeTable" class="table table-bordered table-hover" style="width:100%" data-toggle="table" data-search="true" data-toolbar="#toolbar" data-pagination="true" data-side-pagination="client" data-show-pagination-switch="true" data-page-list="[10, 25, 50, ALL]" data-click-to-select="true" data-filter>
                        <thead>
                            <tr>
                                <th data-sortable="true" data-checkbox="true">
                                </th>
                                <th data-field="cg" data-sortable="true">
                                    @Html.DisplayNameFor(model => model.dealeradminstore[0].cg)
                                </th>
                                <th data-field="sn" data-sortable="true">
                                    @Html.DisplayNameFor(model => model.dealeradminstore[0].serial_number)
                                </th>
                                <th data-field="name" data-sortable="true">
                                    @Html.DisplayNameFor(model => model.dealeradminstore[0].Name)
                                </th>
                                <th data-sortable="true">
                                    WebReports
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach (var item in Model.dealeradminstore)
                            {
                                <tr id="@test.NullRefExcl(item.serial_number.ToString())">
                                    <td></td>
                                    <td>
                                        @test.NullRefExcl(item.cg.ToString())
                                    </td>
                                    <td>
                                        @test.NullRefExcl(item.serial_number.ToString())
                                    </td>
                                    <td>
                                        @test.NullRefExcl(item.Name)
                                    </td>
                                    <td>
                                        @{string reportsCheck = "";
                                            if (test.NullRefExcl(item.base_xtags).Contains("RPT"))
                                            {
                                                reportsCheck = "Yes";
                                            }
                                            if (!test.NullRefExcl(item.base_xtags).Contains("RPT"))
                                            {
                                                reportsCheck = "No";
                                            }
                                        }
                                        @test.NullRefExcl(reportsCheck)
                                    </td>
                                </tr>
                            }
                        </tbody>
                    </table>
                </div>
            </div>
EN

回答 1

Stack Overflow用户

发布于 2018-09-22 15:13:10

如果使用分页函数,表将只加载当前页面的10行。

当您想要显示适合您的参数的行时,必须调整您的MySql查询。它从数据库中请求数据。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52451969

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档