bootstrap table 列表增加输入框并保存到表格输入的值

要在 Bootstrap Table 中的列中添加输入框，并将输入的值保存到表格中，可以使用以下步骤：

1. 在表头中添加一个新的列，该列包含一个输入框，以便用户输入数据。

<th data-field="new_input">New Input</th>

2. 在每一行中，使用 formatter 函数为该列中的单元格添加一个输入框。

{
    field: 'new_input',
    title: 'New Input',
    formatter: function(value, row, index) {
        return '<input type="text" class="form-control input-sm new-input" value="">';
    }
}

3. 在表格初始化时，为输入框添加事件监听器，以便在用户输入数据时将其保存到表格中。

$('#table').bootstrapTable({
    columns: [
        // ...
        {
            field: 'new_input',
            title: 'New Input',
            formatter: function(value, row, index) {
                return '<input type="text" class="form-control input-sm new-input" value="">';
            }
        }
    ],
    onPostBody: function() {
        $('.new-input').on('input', function() {
            var row = $(this).closest('tr');
            var index = $('#table').find('tbody tr').index(row);
            var value = $(this).val();
            $('#table').bootstrapTable('updateCell', {
                index: index,
                field: 'new_input',
                value: value
            });
        });
    }
});

4. 当用户输入数据并移动到下一行时，将该数据保存到表格中。

$('.new-input').on('input', function() {
    var row = $(this).closest('tr');
    var index = $('#table').find('tbody tr').index(row);
    var value = $(this).val();
    $('#table').bootstrapTable('updateCell', {
        index: index,
        field: 'new_input',
        value: value
    });
});

这样，用户就可以在 Bootstrap Table 中的列中添加输入框，并将输入的值保存到表格中了。