bootstrap-table 显示列下拉框中全选功能实现

Question

求助：bootstrap-table 列表可显示字段的下拉框中全选功能如何实现？

需要实现全选的功能，如图

Answer 1

给自己填坑吧……
解决方案：
1,列参数配置上添加“全选”

columns: [
        {
            title: '全选',
            field: '',
            visible: false,
        },
        ……
    ]

2.bootstrap-table渲染

$("#tb_transitList").bootstrapTable(newOption);

3.添加点击事件

var checkOne = $(".dropdown-menu li input");
var checkAll = checkOne.eq(0);
checkAll.off('click').on('click', function () {
    var flag = checkAll.prop("checked");
    checkOne.each(function(i){
        if (i>0){
            var $this = $(this);
            if (flag) {
                if (!$this.prop('checked')) {
                    $this.click();
                }
            } else {
                if ($this.prop('checked')) {
                    $this.click();
                }
            }
        }
    });
});
checkOne.on('click', function () {
    var len = checkOne.length;
    var _l = 0;
    checkOne.each(function(i){
        if (i>0){
            if ($(this).prop('checked')) {
                _l++;
            }
        }
    });
    if (_l === len-1){
        checkAll.prop("checked", true)
    } else {
        checkAll.prop("checked", false)
    }
});