bootstrapTable 默认行选中

简介: bootstrapTable 默认行选中

$(function () {
        $('#table').bootstrapTable({
            method: "get",
            // striped: true,
            singleSelect: false,
            url: "XXXX",
            dataType: "json",
            pagination: true, //分页
            sidePagination:'server',
            search: false, //显示搜索框
            queryParams: queryParams,
            height :$(window).height(),
            pageSize : 10, //每页显示的记录数
            pageNumber : 1, //当前第几页
            columns: [
                {
                    checkbox: "true",
                    // field: 'id',
                    align: 'center',
                    valign: 'middle',
                    formatter : checkFormatter
                },
                {
                    title: "托盘号",
                    field: 'trayCode',
                    align: 'center',
                    valign: 'middle'
                },
                {
                    title: '件数',
                    field: 'goodsNum',
                    align: 'center',
                    valign: 'middle'
                },
              {
                 title: "仓位",
                 field: 'siteName',
                 align: 'center',
                 valign: 'middle'
               },
                {
                    title: "备注",
                    field: 'remarks',
                    align: 'center',
                    valign: 'middle'
                }
            ]
        });
        //对应的函数进行判断;
        function checkFormatter(value, row, index) {
            if (row.type)           //type 为是否选中状态值
                return {
                    disabled : false,     //设置是否可用
                    checked : true        //设置选中
                };
            return value;
        }
    })


相关文章
|
4月前
Element UI之el-tabs的样式修改字体颜色、下划线、选中/未选中
Element UI之el-tabs的样式修改字体颜色、下划线、选中/未选中
921 0
|
4月前
|
前端开发
解决elementUI弹出框关闭后再打开el-select下拉框无法选中的问题
解决elementUI弹出框关闭后再打开el-select下拉框无法选中的问题
131 0
|
4月前
|
JavaScript
Element_select 选择器 选中框中显示不了选中的值
解决Vue中`el-select`选择器不显示选中值的问题:在`selectChanged`方法中添加`this.$forceUpdate()`,强制组件更新,使输入框显示选择的值。示例代码包括模板和方法。
621 2
|
2月前
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
25 1
|
4月前
bootstrapTable多选设置
bootstrapTable多选设置
150 0
|
4月前
|
JavaScript
JS切换页码后复选框选中状态还在
JS切换页码后复选框选中状态还在
|
10月前
|
JavaScript
JS设置select下拉框默认选中
JS设置select下拉框默认选中
100 0
|
10月前
uniapp u-tabs表单如何默认选中
uniapp u-tabs表单如何默认选中
392 0
|
10月前
layUI禁用select下拉框
layUI禁用select下拉框
140 0
|
JavaScript 开发工具 git
Element-ui中 表格(Table)组件中 toggleRowSelection 方法设置默认多选项 无法选中解决思路
Element-ui中 表格(Table)组件中 toggleRowSelection 方法设置默认多选项 无法选中解决思路
1188 0
Element-ui中 表格(Table)组件中 toggleRowSelection 方法设置默认多选项 无法选中解决思路