Kỹ thuật gộp ô theo hàng (Rowspan) trong bảng Ant Design Vue sử dụng Vue 3
Trong các ứng dụng quản trị, việc hiển thị dữ liệu dạng bảng với các ô bị gộp lại (merge cells) khi có giá trị giống nhau ở các hàng liền kề giúp giao diện gọn gàng và dễ theo dõi hơn. Ant Design Vue cung cấp thuộc tính customCell để tùy biến ô, kết hợp với Vue 3 Composition API, chúng ta có thể xử lý logic gộp dòng (rowSpan) một cách linh hoạt ...
Đăng vào ngày 18 tháng 10 lúc 15:37
Kỹ thuật hiển thị hình ảnh và tùy chọn động trong bảng Ant Design Vue
Xử lý hiển thị hình ảnh trong bảng dữ liệu
Để hiển thị hình ảnh sản phẩm hoặc avatar trong các cột của bảng, cần thiết lập hàm trợ giúp để chuyển đổi đường dẫn tương đối thành URL đầy đủ. Đầu tiên, import hàm xử lý đường dẫn từ module quản lý API:
import { buildResourceUrl } from '@/utils/request'
Tiếp theo, định nghĩa phương thức trong phần m ...
Đăng vào ngày 16 tháng 8 lúc 11:35