Tạo kiểu bảng HTML trông giống như Bảng tính như Google Tài liệu

Question

Tôi đang cố gắng tạo bảng tính đơn giản (với kết thúc REST/JSON) trông giống như bảng tính Google Tài liệu (hoặc Excel). Tôi có một mô hình làm việc sử dụng các hộp nhập HTML và chọn các hộp.

Có cách nào để tạo kiểu này để trông giống như bảng tính thực và sử dụng "ContentEditable = true" cũng như để xử lý các phím Tab không?

Answer 1

Bạn có thể thử với điều này: https://mindmup.github.io/editable-table/ nó hoạt động với bootstrap, cho phép chỉnh sửa nội dung, giống như bảng tính excel nhưng hoạt động trên bảng HTML bình thường.

Dường như img: Image editableTableWidget. Obviusly bạn có thể tùy chỉnh phong cách trong css.