如何在引导表中为复选框列添加标题答案

【问题标题】：How to put a title for check box column in Bootstrap Table如何在引导表中为复选框列添加标题
【发布时间】：2015-09-10 21:25:26
【问题描述】：

我正在使用引导表并有一列复选框类型。

 $('#table').bootstrapTable({
    columns: [{
        field: 'GroupId',
        title: 'Group ID'
    }, {
        field: 'IsActive',
        title: 'Active',
        checkbox: true
    }]
});

当我使用“checkbox:true”时，该列带有复选框图标，包括标题。我可以将复选框图标保留在行中，但保留标题的标题吗？

【问题讨论】：

标签： css twitter-bootstrap bootstrap-table

【解决方案1】：

        <table class="table table-bordered" id="testbedsTable"
               data-pagination="true"
               data-search="true"
               data-checkbox-header="false">
            <thead>
                <tr>
                    <th scope="col" data-field="State" data-checkbox="true" id="tableDefaultCheck" data-show-select-title="true">Validate</th>

而 data-checkbox-header="false" 和 data-show-select-title="true">Validate 解决了我的问题

【讨论】：

【解决方案2】：

你必须添加两个配置：

表格选项中的第一个禁用默认复选框标题添加：

checkboxHeader: false

启用复选框标题并在列选项中设置自定义标题添加：

checkbox: true,
showSelectTitle: true,
field: 'IsActive',
title: 'Active'

在您的示例中：

 $('#table').bootstrapTable({
    checkboxHeader: false,
    columns: [{
        field: 'GroupId',
        title: 'Group ID'
    }, {
        checkbox: true,
        showSelectTitle: true,
        field: 'IsActive',
        title: 'Active'
    }]
});

【讨论】：

【解决方案3】：

我运行了一个示例，并且在将其调整为我已有的示例时，我能够让它工作。我怀疑它是否正确地填充了该复选框，但我并不关心尝试使其工作。 http://www.codeply.com/go/h7PZLLTY0b

{
            field: 'price',
            title: 'Item Price',
            checkbox: true
}

【讨论】：

【解决方案4】：

{
    field: 'ActionField',
    title: '',
    sortable: false,
    width: '25',
    halign: "center",
    formatter: "CheckBoxFormat",
    checkbox: false,
    clickToSelect: true,
},


function CheckBoxFormat(value, row) {
    return '<input type="checkbox" class="chk" data-ID="' + row.ID + '" onclick="AddRemoveItems(this);"/>';
}

【讨论】：

这意味着用户将失去 api 提供的所有复选框功能。