bootstrap table 按要求出现 checkbox

2017-02-10 03:48:38 1.3万阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

nanyue2004 墨衍会员 · AI 创作全网分发关注 + 加入社区

ABP中修正bootstrap-table不显示checkbox的简易方法 ABP中修正bootstrap-table不显示checkbox的简易方法ABP样式异常原因处理办法参考最终有效解决办法参考资源 ABP样式异常原因如上图所示，在bootstrap-table中，没有正常显示应有的checkbox，造成的原因是在后台框架的样式表：materialize.css中，有如下代码段把所有的checkbox都移位了 /* Remove default checkbox... 阅读详情

如下的一张bootstrap table 我想要在入账状态为待入账时，才出现前面 checkbox供选择，可能实现吗？要怎么设置

...全文

Ubuntu24.04下Librenms的完整安装与配置指南本文提供了在Ubuntu 24.04 LTS系统上完整安装与配置LibreNMS网络监控系统的详细指南。内容涵盖系统环境准备、依赖安装、源码获取、PHP/数据库/Nginx配置、Composer安装、网页向导设置以及设备添加与日常使用，帮助用户快速部署一套功能强大的开源网络监控解决方案。阅读详情

nanyue2004

Framework 4,250 成员 4,522 内容

+ 关注 + 加入社区

切换为时间正序

gxkgxk555 2019-07-27

打赏
举报

并不是想让复选框不可用，就想根据条件隐藏某一行的复选框

ByteX 2018-01-20

打赏
举报

列选项配置： {field: "check", title: "",align: "center", checkbox: true,formatter:stateFormatter}, function stateFormatter(value, row, index) { if (row.id == 561) return { disabled : true,//设置是否可用 checked : true//设置选中 }; return value; } 这样就行了！

Peter_Mo 2017-11-07

打赏
举报

有完成这一需求的大神吗？楼主完成了没~求赐教，在线等

JulyXJ 2017-08-15

打赏
举报

3楼正解，row里可以拿到那一行的数据，根据你自己的项目需求设置是都可选。前提设置好列参数formatter

坚持-fire 2017-05-26

打赏
举报

一样遇到了这个问题,试了很多方法,也搜了好半天,请问楼主解决了吗?

qp_jiang 2017-04-26

打赏
举报

formatter:function(value, row, index){ // 根据row.列名那状态确定返回 true/false return { disabled : true }; }

nanyue2004 2017-02-10

打赏
举报

这个表格不是用volist 等循环标签，或循环语句生成的，我用的是thinkphp 当然表格最终肯定是应该内部循环生成，但我们这个层面见不到这个循环体代码大致如下前面一个table


<table id="tb_initial" style="table-layout:fix ed;" ></table>

然后JS代码


$('#tb_initial').bootstrapTable({
            url: '__CONTROLLER__/y',         //请求后台的URL（*）
            method: 'get',                      //请求方式（*）
            toolbar: '#toolbar',                //工具按钮用哪个容器
            striped: true,                      //是否显示行间隔色
            cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            pagination: true,                   //是否显示分页（*）
            sortable: true,                     //是否启用排序
            sortOrder: "asc",                   //排序方式
            queryParams: oTableInit.queryParams,//传递参数（*）
            sidePagination: "client",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber:1,                       //初始化加载第一页，默认第一页
            pageSize: 10,                       //每页的记录行数（*）
            pageList: [10, 25, 50, 100,400],        //可供选择的每页的行数（*）
            search: true,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
            strictSearch: false,                 //搜索模式false 模糊搜索
            showColumns: true,                  //是否显示列按钮
            showRefresh: true,                  //是否显示刷新按钮
            rowStyle: function (row, index) {
                //这里有5个取值代表5中颜色['active', 'success', 'info', 'warning', 'danger'];
                var strclass = "";
                if (row.issave == 0) {
                    strclass = 'warning';
                    if (row.isschool == 1) {
                      strclass = 'success';
                     }
                }else {
                    
                    return {};
                    
                }
                return { classes: strclass }
            },
            minimumCountColumns: 2,             //最少允许的列数
            clickToSelect: false,                //是否启用点击选中行
            height:600,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "id",                     //每一行的唯一标识，一般为主键列
            showToggle:true,                    //是否显示详细视图和列表视图的切换按钮
            cardView: false,                    //是否显示详细视图
            detailView: false,                   //是否显示父子表
            columns: [
            {field:"选择",checkbox: true,title:"选择",class:"tablebody",align:"center",valign:"middle"},
            {field:"sn",class:"tablebody",title:"序号",align:"center",valign:"middle",sortable:"true",formatter: 
            function (value, row, index) {  
              return index+1;  
             }},
            //sortable 排序，valign表格居中模式 middle居中，align 文本居中模式
            {field:"eqptcode",class:"tablebody", title:"编号",align:"center",valign:"middle",sortable:"true"},
            {field:"issave",class:"tablebody", title:"入账状态",align:"center",valign:"middle",sortable:"true",formatter: 
            function (value, row, index) { 
                if(value==2){
                    return '已入';
                }else{
                    return '待入账';
                }  
             }},

DavidNineRoc 2017-02-10

打赏
举报

表格动态生成的时候做一个判断，

bootstrap table 按要求出现 checkbox

相关推荐