Bảng Dữ Liệu
Data grid hiển thị kết quả query và nội dung bảng trong giao diện giống bảng tính. Nó hỗ trợ xem, chỉnh sửa, sắp xếp và xuất dữ liệu với hiệu suất cao ngay cả với dataset lớn.
Xem Dữ Liệu
Mở Bảng
Để xem nội dung của bảng:
- Mở rộng database trong sidebar
- Click vào tên bảng
- Data grid tải nội dung bảng
Hoặc chạy query:
Thông Tin Kết Quả
Header của data grid hiển thị:
- Số hàng: Số lượng hàng trả về
- Thời gian thực thi: Thời gian query mất bao lâu
- Hàng bị ảnh hưởng: Đối với query UPDATE/DELETE
Tính Năng Cột
Thay Đổi Kích Thước Cột
- Kéo viền cột để thay đổi kích thước
- Double-click vào viền để tự động vừa chiều rộng cột
- Chiều rộng cột được ghi nhớ cho mỗi bảng
Sắp Xếp Dữ Liệu
Click vào header cột để sắp xếp:
- Click đầu tiên: Sắp xếp tăng dần (A-Z, 0-9)
- Click thứ hai: Sắp xếp giảm dần (Z-A, 9-0)
- Click thứ ba: Bỏ sắp xếp
Sắp xếp được thực hiện cục bộ trên dữ liệu đã tải. Để sắp xếp phía server, sử dụng ORDER BY trong truy vấn của bạn.
Các Loại Cột
Data grid hiển thị các loại dữ liệu khác nhau một cách phù hợp:
| Loại | Hiển thị |
|---|
| Text/Varchar | Văn bản thuần |
| Integer | Số căn phải |
| Decimal/Float | Số được định dạng |
| Boolean | True/False |
| Date/Time | Chuỗi ngày được định dạng |
| NULL | Chỉ báo “NULL” có style |
| JSON | JSON được định dạng (có thể mở rộng) |
| ENUM | Popover dropdown chỉnh sửa |
| SET | Popover checkbox chỉnh sửa |
| Binary/BLOB | Chỉ báo nhị phân |
Chỉnh Sửa Dữ Liệu
Chỉnh Sửa Inline
Để chỉnh sửa một ô:
- Double-click vào ô
- Nhập giá trị mới
- Nhấn
Enter để xác nhận hoặc Escape để hủy
Chế Độ Chỉnh Sửa
| Chế độ | Kích hoạt | Mô tả |
|---|
| Xem | Mặc định | Hiển thị chỉ đọc |
| Chỉnh sửa | Double-click | Sửa giá trị ô |
Bộ Chọn Ngày/Giờ
Khi bạn chỉnh sửa ô trong cột date, datetime, timestamp hoặc time, một popover bộ chọn ngày gốc sẽ xuất hiện thay vì trường văn bản thông thường. Bộ chọn tự động điều chỉnh theo loại cột:
| Loại Cột | Phần Tử Bộ Chọn |
|---|
DATE | Năm, tháng, ngày |
DATETIME / TIMESTAMP | Năm, tháng, ngày, giờ, phút, giây |
TIME | Giờ, phút, giây |
Bộ chọn hỗ trợ các định dạng ngày phổ biến từ cơ sở dữ liệu và xuất giá trị theo định dạng chuẩn (YYYY-MM-DD HH:MM:SS). Sử dụng điều khiển stepper hoặc nhập trực tiếp vào các trường của bộ chọn để thay đổi ngày.
Bộ chọn ngày tự động phân tích giá trị ô hiện tại. Nếu giá trị không thể phân tích được, nó sẽ mặc định là ngày/giờ hiện tại.
Tra Cứu Khóa Ngoại
Khi bạn chỉnh sửa ô trong cột khóa ngoại, một dropdown tìm kiếm sẽ xuất hiện hiển thị các giá trị hợp lệ từ bảng được tham chiếu:
- Dropdown hiển thị cả giá trị FK và cột mô tả (ví dụ:
1 — John Doe)
- Nhập vào trường tìm kiếm để lọc giá trị
- Click đơn vào giá trị để highlight; double-click hoặc nhấn
Enter để áp dụng lựa chọn
- Popover tự động phát hiện cột hiển thị tốt nhất từ bảng được tham chiếu
Tra cứu khóa ngoại lấy tối đa 1.000 giá trị từ bảng được tham chiếu. Với các bảng có nhiều giá trị hơn, sử dụng trường tìm kiếm để thu hẹp kết quả.
Trình Chỉnh Sửa Cột ENUM
Khi bạn double-click vào ô trong cột ENUM, một popover dropdown có tìm kiếm sẽ xuất hiện hiển thị tất cả giá trị được phép:
- Ô tìm kiếm: Gõ để lọc danh sách giá trị
- Tùy chọn NULL: Hiển thị ở đầu cho cột nullable (hiển thị chữ nghiêng)
- Giá trị hiện tại: Được tô màu accent
- Single-click để chọn và xác nhận ngay lập tức
- Nhấn
Escape để hủy
Tính năng này hoạt động trên tất cả các cơ sở dữ liệu được hỗ trợ:
| Cơ sở dữ liệu | Nguồn ENUM |
|---|
| MySQL/MariaDB | Kiểu ENUM gốc từ định nghĩa cột |
| PostgreSQL | Kiểu enum do người dùng định nghĩa (qua catalog pg_enum) |
| SQLite | Ràng buộc CHECK(column IN ('val1','val2')) |
Trình Chỉnh Sửa Cột SET
Khi bạn double-click vào ô trong cột SET (MySQL/MariaDB), một popover checkbox sẽ xuất hiện:
- Mỗi giá trị được phép hiển thị dưới dạng checkbox
- Các giá trị đang được chọn sẽ được tick sẵn (phân tích từ giá trị phân tách bằng dấu phẩy)
- Click OK hoặc nhấn
Enter để xác nhận các giá trị đã chọn (nối bằng dấu phẩy)
- Click Cancel hoặc nhấn
Escape để hủy thay đổi
Nếu giá trị ENUM/SET không có sẵn (ví dụ từ kết quả truy vấn phức tạp thay vì duyệt bảng trực tiếp), ô sẽ chuyển về chỉnh sửa inline text.
Trình Soạn Thảo JSON
Khi bạn chỉnh sửa ô trong cột JSON hoặc JSONB, một popover trình soạn thảo JSON chuyên dụng sẽ xuất hiện:
- Xác thực thời gian thực: Hiển thị JSON có hợp lệ hay không khi bạn nhập
- Save/Cancel: Các nút rõ ràng để lưu hoặc hủy thay đổi
Trình soạn thảo xác thực JSON trước khi lưu. Nếu văn bản không phải JSON hợp lệ, bạn sẽ thấy hộp thoại xác nhận trước khi giá trị được lưu.
Giá trị JSON được tự động thu gọn (minified) khi lưu vào cơ sở dữ liệu để lưu trữ hiệu quả.
Chỉnh Sửa Nhiều Hàng
Bạn có thể thực hiện thao tác trên nhiều hàng cùng lúc:
- Chọn nhiều hàng: Click vào số hàng trong khi giữ
Cmd (không liền kề) hoặc Shift (phạm vi)
- Xóa nhiều hàng: Chọn các hàng, sau đó click Delete hoặc nhấn phím
Delete
- Thao tác nhiều hàng: Sử dụng nút toolbar để thực hiện trên lựa chọn hiện tại
Lưu Thay Đổi
Các thay đổi được xếp hàng và không được áp dụng vào database ngay lập tức. Sử dụng các hành động sau để quản lý thay đổi đang chờ:
- Commit: Click nút Commit (hoặc nhấn
Cmd+S) để áp dụng tất cả thay đổi đang chờ vào database
- Discard: Click nút Discard để hoàn tác tất cả thay đổi đang chờ
- Undo/Redo: Nhấn
Cmd+Z để undo hoặc Cmd+Shift+Z để redo các chỉnh sửa riêng lẻ trước khi commit
Xem Change Tracking để biết chi tiết đầy đủ về cách thay đổi được xếp hàng và áp dụng.
Chỉnh sửa chỉ khả dụng cho query SELECT * FROM table đơn giản. Các query phức tạp với join hoặc aggregation là chỉ đọc.
Thêm Hàng Mới
Để thêm hàng mới:
- Click nút + trong toolbar (hoặc sử dụng phím tắt)
- Điền giá trị cho mỗi cột
- Apply changes để lưu
Xóa Hàng
Để xóa hàng:
- Chọn (các) hàng cần xóa
- Click nút Delete hoặc nhấn phím
Delete
- Xác nhận việc xóa
- Apply changes để thực thi
Chỉ Báo Thay Đổi
Khi bạn thực hiện chỉnh sửa, TablePro cung cấp phản hồi trực quan về các thay đổi đang chờ:
- Ô đã sửa đổi được làm nổi bật bằng màu nền riêng biệt
- Hàng mới hiển thị chỉ báo chèn
- Hàng đã xóa hiển thị chỉ báo xóa
- Toolbar hiển thị số lượng thay đổi đang chờ
Các chỉ báo này giúp bạn xem lại tất cả các sửa đổi trước khi commit chúng vào database. Xem Change Tracking để biết chi tiết về cách hoạt động của change tracking.
Điều Hướng
Điều Hướng Bằng Bàn Phím
| Phím | Hành động |
|---|
| Phím mũi tên | Di chuyển giữa các ô |
Tab | Chuyển đến ô tiếp theo |
Shift+Tab | Chuyển đến ô trước |
Enter | Chỉnh sửa ô đã chọn |
Escape | Hủy chỉnh sửa / Bỏ chọn |
Home | Đi đến ô đầu tiên trong hàng |
End | Đi đến ô cuối cùng trong hàng |
Cmd+Home | Đi đến hàng đầu tiên |
Cmd+End | Đi đến hàng cuối cùng |
Page Up | Cuộn lên một trang |
Page Down | Cuộn xuống một trang |
Điều Hướng Bằng Chuột
- Click: Chọn một ô
- Double-click: Chỉnh sửa một ô
- Click + kéo: Chọn nhiều ô
- Scroll wheel: Cuộn dọc
- Shift + scroll: Cuộn ngang
Chọn
Chọn Ô
- Ô đơn: Click vào ô
- Phạm vi ô: Click và kéo, hoặc click ô đầu tiên rồi Shift+click ô cuối
- Toàn bộ hàng: Click vào số hàng
- Nhiều hàng: Click số hàng và kéo, hoặc Cmd+click cho không liên tiếp
Sao Chép Dữ Liệu
- Chọn các ô hoặc hàng bạn muốn sao chép
- Nhấn
Cmd+C
- Dán vào ứng dụng khác
TablePro hỗ trợ nhiều định dạng sao chép:
| Định dạng | Phím tắt | Mô tả |
|---|
| Tab-separated | Cmd+C | Sao chép mặc định, tương thích với bảng tính |
| CSV | Cmd+Shift+C | Giá trị phân tách bằng dấu phẩy |
| JSON | Cmd+Option+C | Mảng JSON của các object |
| TSV | Có sẵn từ menu ngữ cảnh | Tab-separated với header |
Định dạng tab-separated mặc định tương thích với:
- Excel
- Numbers
- Google Sheets
- Trình soạn thảo văn bản
Phân Trang
Đối với tập kết quả lớn, data grid sử dụng phân trang:
Điều Khiển Trang
- Trang đầu: Đi đến đầu
- Trang trước: Quay lại một trang
- Số trang: Trang hiện tại / tổng số trang
- Trang tiếp: Tiến lên một trang
- Trang cuối: Đi đến cuối
Kích Thước Trang
Cấu hình kích thước trang mặc định trong Settings > Data Grid:
| Tùy chọn | Hàng mỗi trang |
|---|
| Nhỏ | 100 |
| Trung bình | 500 |
| Lớn | 1,000 |
| Tùy chỉnh | 10 - 100,000 |
Kích thước trang nhỏ hơn tải nhanh hơn và sử dụng ít bộ nhớ hơn. Sử dụng kích thước lớn hơn khi bạn cần xem nhiều dữ liệu cùng lúc.
Giá Trị NULL
Giá trị NULL được hiển thị khác biệt:
- Văn bản có style hiển thị “NULL” (có thể tùy chỉnh)
- Màu khác với giá trị thông thường
- Không thể nhầm lẫn với chuỗi “NULL”
Tùy Chỉnh Hiển Thị NULL
Trong Settings > Data Grid:
| Thiết lập | Mặc định | Mô tả |
|---|
| NULL Display | ”NULL” | Văn bản hiển thị cho giá trị NULL |
Định Dạng Ngày
Cấu hình cách hiển thị ngày:
| Định dạng | Ví dụ |
|---|
| ISO 8601 | 2024-12-31 23:59:59 |
| ISO Date | 2024-12-31 |
| US Long | 12/31/2024 11:59:59 PM |
| US Short | 12/31/2024 |
| EU Long | 31/12/2024 23:59:59 |
| EU Short | 31/12/2024 |
Cấu hình trong Settings > Data Grid > Date Format.
Chiều Cao Hàng
Điều chỉnh chiều cao hàng để đọc tốt hơn:
| Tùy chọn | Chiều cao | Tốt nhất cho |
|---|
| Compact | 20px | Dữ liệu dày đặc, nhiều hàng hiển thị |
| Normal | 24px | Xem tiêu chuẩn |
| Comfortable | 28px | Dễ đọc hơn |
| Spacious | 32px | Accessibility, touch |
Cấu hình trong Settings > Data Grid > Row Height.
Màu Hàng Xen Kẽ
Bật màu hàng xen kẽ để quét dễ dàng hơn:
- Bật: Mỗi hàng khác có màu nền nhẹ
- Tắt: Tất cả hàng có cùng màu nền
Cấu hình trong Settings > Data Grid > Show Alternate Rows.
Làm Việc Với Dataset Lớn
Mẹo Hiệu Suất
-
Sử dụng LIMIT: Luôn giới hạn kết quả khi khám phá
SELECT * FROM large_table LIMIT 100;
-
Chọn cột cụ thể: Tránh
SELECT * cho bảng có nhiều cột
SELECT id, name, email FROM users;
-
Sử dụng phân trang: Để data grid phân trang kết quả
-
Lọc ở database: Sử dụng mệnh đề WHERE thay vì tải tất cả dữ liệu
SELECT * FROM orders WHERE status = 'pending';
Sử Dụng Bộ Nhớ
Data grid tải dữ liệu theo trang để quản lý bộ nhớ:
- Chỉ các trang hiển thị được giữ trong bộ nhớ
- Cuộn tải trang mới khi cần
- Cột BLOB/TEXT lớn được tải theo yêu cầu
Tùy Chọn Export
Export dữ liệu trực tiếp từ data grid:
- Chạy query hoặc mở bảng
- Click nút Export
- Chọn định dạng: CSV, JSON, SQL
- Chọn đích đến
Xem Import & Export để biết chi tiết tùy chọn export.
Phím Tắt
| Hành động | Phím tắt |
|---|
| Sao chép lựa chọn | Cmd+C |
| Sao chép dạng CSV | Cmd+Shift+C |
| Sao chép dạng JSON | Cmd+Option+C |
| Chọn tất cả | Cmd+A |
| Xóa hàng | Delete |
| Chỉnh sửa ô | Enter |
| Hủy chỉnh sửa | Escape |
| Undo | Cmd+Z |
| Redo | Cmd+Shift+Z |
| Commit thay đổi | Cmd+S |
| Điều hướng | Phím mũi tên |
| Ô tiếp theo | Tab |
| Ô trước | Shift+Tab |
Các Bước Tiếp Theo