BootstrapTable 获取选择行数据

最新推荐文章于 2022-07-12 17:34:22 发布

加了白糖的老干妈

最新推荐文章于 2022-07-12 17:34:22 发布

阅读量3.7w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Bootstrap 文章标签： bootstrap bootstrap-table

本文链接：https://blog.youkuaiyun.com/qq_21358931/article/details/78471179

Bootstrap 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何使用BootstrapTable插件实现表格数据的选择功能，并提供了配置示例代码及获取已选中行数据的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

BootstrapTable 获取选择行数据

BootstrapTable 获取选择行数据

开启选择
增加选择列


$("#costTable").bootstrapTable({
            url: "/pemProductFoundCostpay/getPageList",
            method: "post",
            contentType: "application/x-www-form-urlencoded; charset=UTF-8",
            striped: true,
            pagination: true,
            paginationLoop: false,
            sortable: true,
            sortOrder: "desc",
            sidePagination: "server",
            showColumns: true,
            showRefresh: true,
            showFooter: false,
            clickToSelect: true,
            uniqueId: "ID",
            idField: "id",
            editable: false,
            checkboxHeader: true,
            singleSelect: true, //开启单选
            columns: [[
            //增加选择列
                {field: 'id', title: 'id', align: 'center', halign: 'center', width: '10%', visible: true, sortable: true},
            )};

获取

$("#costTable").bootstrapTable('getSelections');

Bootstrap Table 表格异常强大，文档也很详细，遇到问题可去查询 -> [ Bootstrap Table 中文API ]