Chuyển đến nội dung chính

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.
Data Grid

Xem Dữ Liệu

Mở Bảng

Để xem nội dung của bảng:
  1. Mở rộng database trong sidebar
  2. Click vào tên bảng
  3. Data grid tải nội dung bảng
Hoặc chạy query:
SELECT * FROM users;

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
Result info

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ạiHiển thị
Text/VarcharVăn bản thuần
IntegerSố căn phải
Decimal/FloatSố được định dạng
BooleanTrue/False
Date/TimeChuỗi ngày được định dạng
NULLChỉ báo “NULL” có style
JSONJSON được định dạng (có thể mở rộng)
ENUMPopover dropdown chỉnh sửa
SETPopover checkbox chỉnh sửa
Binary/BLOBChỉ báo nhị phân

Chỉnh Sửa Dữ Liệu

Chỉnh Sửa Inline

Để chỉnh sửa một ô:
  1. Double-click vào ô
  2. Nhập giá trị mới
  3. Nhấn Enter để xác nhận hoặc Escape để hủy
Cell editing

Chế Độ Chỉnh Sửa

Chế độKích hoạtMô tả
XemMặc địnhHiển thị chỉ đọc
Chỉnh sửaDouble-clickSử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ộtPhần Tử Bộ Chọn
DATENăm, tháng, ngày
DATETIME / TIMESTAMPNăm, tháng, ngày, giờ, phút, giây
TIMEGiờ, 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ệuNguồn ENUM
MySQL/MariaDBKiểu ENUM gốc từ định nghĩa cột
PostgreSQLKiểu enum do người dùng định nghĩa (qua catalog pg_enum)
SQLiteRà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:
  1. Click nút + trong toolbar (hoặc sử dụng phím tắt)
  2. Điền giá trị cho mỗi cột
  3. Apply changes để lưu

Xóa Hàng

Để xóa hàng:
  1. Chọn (các) hàng cần xóa
  2. Click nút Delete hoặc nhấn phím Delete
  3. Xác nhận việc xóa
  4. 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ímHành động
Phím mũi tênDi chuyển giữa các ô
TabChuyển đến ô tiếp theo
Shift+TabChuyển đến ô trước
EnterChỉnh sửa ô đã chọn
EscapeHủ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 UpCuộn lên một trang
Page DownCuộ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

  1. Chọn các ô hoặc hàng bạn muốn sao chép
  2. Nhấn Cmd+C
  3. Dán vào ứng dụng khác
TablePro hỗ trợ nhiều định dạng sao chép:
Định dạngPhím tắtMô tả
Tab-separatedCmd+CSao chép mặc định, tương thích với bảng tính
CSVCmd+Shift+CGiá trị phân tách bằng dấu phẩy
JSONCmd+Option+CMảng JSON của các object
TSVCó sẵn từ menu ngữ cảnhTab-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ọnHàng mỗi trang
Nhỏ100
Trung bình500
Lớn1,000
Tùy chỉnh10 - 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”
NULL values

Tùy Chỉnh Hiển Thị NULL

Trong Settings > Data Grid:
Thiết lậpMặc địnhMô 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ạngVí dụ
ISO 86012024-12-31 23:59:59
ISO Date2024-12-31
US Long12/31/2024 11:59:59 PM
US Short12/31/2024
EU Long31/12/2024 23:59:59
EU Short31/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ọnChiều caoTốt nhất cho
Compact20pxDữ liệu dày đặc, nhiều hàng hiển thị
Normal24pxXem tiêu chuẩn
Comfortable28pxDễ đọc hơn
Spacious32pxAccessibility, 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

  1. Sử dụng LIMIT: Luôn giới hạn kết quả khi khám phá
    SELECT * FROM large_table LIMIT 100;
    
  2. Chọn cột cụ thể: Tránh SELECT * cho bảng có nhiều cột
    SELECT id, name, email FROM users;
    
  3. Sử dụng phân trang: Để data grid phân trang kết quả
  4. 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:
  1. Chạy query hoặc mở bảng
  2. Click nút Export
  3. Chọn định dạng: CSV, JSON, SQL
  4. Chọn đích đến
Xem Import & Export để biết chi tiết tùy chọn export.

Phím Tắt

Hành độngPhím tắt
Sao chép lựa chọnCmd+C
Sao chép dạng CSVCmd+Shift+C
Sao chép dạng JSONCmd+Option+C
Chọn tất cảCmd+A
Xóa hàngDelete
Chỉnh sửa ôEnter
Hủy chỉnh sửaEscape
UndoCmd+Z
RedoCmd+Shift+Z
Commit thay đổiCmd+S
Điều hướngPhím mũi tên
Ô tiếp theoTab
Ô trướcShift+Tab

Các Bước Tiếp Theo