Chế độ xem tay ban đầu không kéo dài đến độ rộng chính xác

Question

Tôi có một đối tượng handsontable (trên thực tế hai đối tượng, cả trong một phương thức bootstrap) có dữ liệu được tải sau khi trang được xây dựng. Dưới đây là một jsfiddle sao chép sự cố https://jsfiddle.net/mtbdeano/w7dofbyy/

Bảng có kích thước quá hẹp, thậm chí tùy chọn stretchH: all. Khi tôi nhấp vào nội dung, họ thay đổi kích thước như phép thuật thành độ rộng cột chính xác. Tôi có thiếu một số tham số khởi tạo? Làm thế nào tôi có thể có kích thước cho chiều rộng chính xác sau khi tải dữ liệu mới?

/* these tables are in the modal */ 
    $('#keyword_table').handsontable({ 
    data: keyword_data, 
    rowHeaders: true, 
    colHeaders: ['Keywords'], 
    columnSorting: true, 
    contextMenu: true, 
    height: 256, 
    stretchH: "last", 
    enterBeginsEditing: false, 
    minSpareRows: 1 
    }); 

Tôi đang tải dữ liệu sử dụng mã này được gọi là trên một ajax cuộc gọi thành công:

function load_table_from_ajax(tbl, data) { 
    var $tbl = $(tbl); 
    var hot = $tbl.handsontable('getInstance'); 
    // this formats my data appropriately 
    var new_data = _.map(data, function (kw) { 
    return new Array(kw); 
    }); 
    hot.loadData(new_data); 
    /* I have tried also doing a: hot.render(); */ 
} 

Tất cả các mã có vẻ đúng theo hướng dẫn, bất kỳ ý tưởng tại sao bảng không căng/thay đổi kích thước chính xác?

Trước khi tương tác với các Handsontable, nó trông như thế này: nhưng sau khi nhấp vào tiêu đề hoặc thêm một giá trị:

Answer 1

Thử đặt số width khi khởi tạo. Vì bạn không cài đặt, stretchH có thể gặp sự cố khi thực hiện các tính toán cần thiết. Tôi đã nhìn thấy hành vi đó trước và thiết lập này thường sửa chữa nó.

Answer 2

thử colWidths:[100]

Định nghĩa độ rộng cột bằng pixel. Chấp nhận số, chuỗi (số sẽ được chuyển thành số), mảng số (nếu bạn muốn xác định chiều rộng cột riêng cho mỗi cột) hoặc hàm (nếu bạn muốn đặt độ rộng cột động trên mỗi kết xuất).