SlickGrid: làm thế nào để xem toàn văn cho các mục nhập dài?

Question

Tôi đang sử dụng một số SlickGrid data table và một số ô của tôi có các mục nhập văn bản rất dài (1000 ký tự trở lên).

Theo mặc định, SlickGrid chỉ hiển thị một số văn bản và viết tắt phần còn lại bằng dấu ba chấm.

Tính năng này hoạt động tốt, ngoại trừ việc tôi muốn hiển thị toàn văn khi di chuột qua hoặc có cách khác để mở rộng ô để hiển thị toàn bộ mục nhập.

Điều này có thể thực hiện với SlickGrid không và nếu có thì sao?

Answer 1

Chỉ cần sử dụng plugin này:

https://github.com/mleibman/SlickGrid/blob/master/plugins/slick.autotooltips.js

đăng ký nó như thế này và bạn đã làm xong!

mygrid.registerPlugin(new Slick.AutoTooltips()); 

Answer 2

Theo mặc định, SlickGrid tắt quấn từ. Do bạn đã đặt chiều cao ô chính xác, bạn có thể xem tất cả văn bản của ô bằng cách chỉnh sửa slick.grid.css như sau:

.slick-cell, .slick-headerrow-column { 
    position: absolute; 
    border: 1px solid transparent; 
    border-right: 1px dotted silver; 
    border-bottom-color: silver; 
    overflow: hidden; 
    -o-text-overflow: ellipsis; 
    text-overflow: ellipsis; 
    vertical-align: middle; 
    z-index: 1; 
    padding: 1px 2px 2px 1px; 
    margin: 0; 
    /*white-space: nowrap;*/ 
    cursor: default; 
}