Chú giải công cụ của Angular-ui không hiển thị đúng trong ng-lưới

Question

Tôi đã tìm kiếm một thời gian để có giải pháp hiển thị chú giải công cụ trên lưới ng nhưng không may mắn. Khi tôi sử dụng cellTemplate trên ng-grid để tùy biến ô để bao gồm một chú giải công cụ, tôi đã gặp phải nhiều sự cố khác nhau - chú giải công cụ không hiển thị hoặc hoạt động lạ như được hiển thị trong plunker: http://plnkr.co/edit/MFhwgOvSUFKcyJPse5wf.

Tôi đã bỏ lỡ điều gì chưa? Có ai có một giải pháp để hiển thị tooltips độc đáo trong ng-lưới?

Trân trọng.

Answer 1

Như tôi đã nhận xét, đây là một known issue bên trong ô lưới ng. Tôi cố định này bằng cách thiết lập cellClass trong định nghĩa cột như sau:

cellClass: 'cellToolTip' 

Và css:

.cellToolTip { 
    overflow: visible; 
} 

Here is a plunker cho thấy các tooltip. Tuy nhiên, chú giải công cụ không được định vị chính xác. :)

EDIT: Thêm này đến .tooltip phong cách cố định các vấn đề định vị, nhưng tôi không chắc chắn lý do tại sao trong Plunker tôi phải làm điều này. Trong mã của riêng tôi, điều này không cần thiết:

.tooltip { 
    top: 0 !important; 
} 

Đây là một new plunker đang hoạt động.

Answer 2

Bạn có thể sử dụng

tooltip-append-to-body="true" 

như tài liệu ở đây (di chuyển xuống để tooltip): http://angular-ui.github.io/bootstrap/

Đây là plunker: http://plnkr.co/edit/nHN2p8qMjT7ZTwpXgJoO?p=preview