Question

bootstrap怎么动态指定某个单元格可编辑

Answer 1

var name = $("label.editable");
name.click(function () {
    var tdObject = $(this);
    var id = $(this).attr("id");
    var text1 = $.trim($(this).text());
    var inputObject = $("<input type='text' class='form-control' value='" + text1 + "'>");
    inputObject.click(function () {
        return false;
    });
    tdObject.html(inputObject);
    inputObject.blur(function () {
        var text2 = $.trim($(this).val());
        tdObject.html(text2);
    });
    inputObject.trigger("focus").trigger("select");
});

html:

<td class="text-center">
    <div class="th-inner"><label id="" class="editable"></label></div>
</td>

我是用上面的代码，在点击的时候触发事件变成文本框，来做的。

你也可以直接用bootstrap-table-editable.min.js的插件。