Skip to content
VNEN

Lưới kết quả (Result Grid)

Tương tác với dữ liệu truy vấn một cách trực quan và mạnh mẽ — từ ô dữ liệu nhỏ nhất đến tập hợp hàng triệu bản ghi.

Sắp xếp thông minh

Nhấn vào tiêu đề cột để sắp xếp tăng/giảm dần. Hỗ trợ sắp xếp đa cột bằng cách giữ Shift và click thêm cột. Tự động nhận diện kiểu dữ liệu (số, text, ngày) để sắp xếp chính xác.

Lọc nhanh (Quick Filter)

Thanh tìm kiếm trực tiếp trên lưới lọc bản ghi real-time khi bạn gõ. Hỗ trợ lọc theo cột cụ thể hoặc tìm kiếm toàn bộ bản ghi. Regex được hỗ trợ với prefix "re:".

Phân trang hiệu suất

DataGrid và Query Result đều lấy dữ liệu theo từng trang từ server. User có thể duyệt tập dữ liệu lớn bằng nút Trước/Sau hoặc nhảy trang mà không phải tự viết LIMIT/OFFSET.

Footer của DataGrid và Query Result dùng cùng cách hiển thị số dòng, trang hiện tại, kích thước trang và tổng kết quả. Tổng chính xác được cache bằng Redis trong thời gian ngắn để tránh lặp lại COUNT(*) khi chuyển trang.

Tương tác với ô dữ liệu

Result Grid hỗ trợ nhiều cách tương tác trực tiếp với từng ô dữ liệu:
Click vào ôChọn ô và hiển thị nội dung đầy đủ ở thanh trạng thái phía dưới. Rất hữu ích cho các cột chứa text dài hoặc JSON.
Double-click vào ôMở chế độ xem mở rộng cho giá trị đó. Với cột JSON/JSONB, nội dung được format đẹp với syntax highlighting.
Ctrl + CCopy giá trị của ô đang chọn. Nếu chọn nhiều ô, copy dưới dạng tab-separated values (paste được vào Excel).
Kéo rộng cộtKéo viền cột trong header để thay đổi độ rộng. Double-click viền cột để auto-fit theo nội dung.

Hiển thị theo Kiểu dữ liệu

Mỗi kiểu dữ liệu được render khác nhau trong lưới để dễ phân biệt:
KiểuHiển thịVí dụ
NULLBadge xám với chữ "NULL"NULL
BooleanBadge màu xanh/đỏTRUE
NumberCăn phải, màu số42,195
Date/TimeFormat ISO 86012024-03-15T10:30:00Z
JSON/JSONBPreview thu gọn, click để mở rộng{...}
Text (dài)Cắt ngắn với "..." và tooltipLorem ipsum do...

Chỉnh sửa dữ liệu trực tiếp

Với DataGrid (tab bảng trong Explorer), bạn có thể sửa dữ liệu ngay trên lưới mà không cần viết SQL:
Double-click ô để sửaÔ chuyển sang chế độ nhập liệu. Nhấn Enter để lưu, Esc để hủy. Giá trị mới được gửi qua UPDATE parameterized an toàn phía server.
Nút "Add Row"Thêm một dòng trống mới ở cuối lưới, điền giá trị rồi lưu — server sinh INSERT parameterized tương ứng.
Chọn dòng → nút DeleteXóa một hoặc nhiều dòng đã chọn qua DELETE ... WHERE pk IN (...). Bước xác nhận luôn xuất hiện trước khi xóa.
Bulk Replace (Ctrl+H)Thay thế hàng loạt giá trị trong một cột theo giá trị hoặc pattern, xem trước các dòng bị ảnh hưởng trước khi áp dụng.
Cell InspectorMở panel chi tiết cho ô đang chọn để xem và sửa giá trị dài, JSON nhiều dòng mà không bị giới hạn chiều cao ô.

Chỉnh sửa trực tiếp bị vô hiệu trên connection read-only hoặc connection tắt allowQueryExecution — guard được thực thi ở backend chứ không chỉ ẩn UI. Bảng cần có primary key để cập nhật từng dòng.

Thông tin thực thi

Sau mỗi truy vấn, thanh trạng thái phía dưới hiển thị các thông tin quan trọng giúp bạn đánh giá hiệu suất:
Số bản ghi100 / 1,247 rows
Thời gian thực thi23ms
Số cột8 columns
Trạng thái giới hạnwindowed
Trước đóQuản lý tabTiếp theo Xuất dữ liệu

Sẵn sàng khám phá dữ liệu?

Tham gia cộng đồng trên GitHub để đóng góp cho IDE cơ sở dữ liệu địa phương thông minh nhất.

Mở Ứng dụng