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;
        }
    })


相关文章
|
6月前
单选框设置默认选中
单选框设置默认选中
71 1
|
6月前
Element UI之el-tabs的样式修改字体颜色、下划线、选中/未选中
Element UI之el-tabs的样式修改字体颜色、下划线、选中/未选中
1506 0
|
6月前
|
前端开发
解决elementUI弹出框关闭后再打开el-select下拉框无法选中的问题
解决elementUI弹出框关闭后再打开el-select下拉框无法选中的问题
166 0
|
2月前
|
JavaScript
element-ui table表格多选后再打开默认选中
element-ui table表格多选后再打开默认选中
|
6月前
|
JavaScript
Element_select 选择器 选中框中显示不了选中的值
解决Vue中`el-select`选择器不显示选中值的问题:在`selectChanged`方法中添加`this.$forceUpdate()`,强制组件更新,使输入框显示选择的值。示例代码包括模板和方法。
901 2
|
4月前
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
51 1
|
6月前
bootstrapTable多选设置
bootstrapTable多选设置
173 0
bootstrap-table选中checkbox改变行的背景颜色
bootstrap-table选中checkbox改变行的背景颜色
129 0
|
JavaScript
JS设置select下拉框默认选中
JS设置select下拉框默认选中
123 0