cuốn sách gpt4 ai đã làm

html - Làm cho các hàng dữ liệu Vật liệu góc có thể cuộn được trong khi vẫn giữ các tiêu đề cố định

In lại Tác giả: Walker 123 Thời gian cập nhật: 27-11-2023 23:53:57 29 4
mua khóa gpt4 Nike

Bản trình diễn Stack Blitz

Tôi không thể tìm ra cách để mã của mình chạy như mong muốn.

Như được hiển thị trong bản demo, tôi có một bảng và khi nhấp vào nút thêm, một hàng mới sẽ được thêm vào. Tôi cần thanh cuộn dọc để hiển thị khi các hàng trong bảng đạt đến độ cao nhất định (giả sử sau khi thêm 5 hàng) và tôi cần duy trì tiêu đề cố định. Về cơ bản, tôi cần đặt các hàng của bảng ở một độ cao cố định.

Ảnh chụp màn hình đính kèm hiển thị nơi tôi muốn thanh cuộn xuất hiện. Xin lỗi vì những điểm nổi bật.

HTML trông như thế này




Danh mục



{{category.code}





Loại



{{type.code}





Mã bổ sung




Ừ, nó đã mở rộng





Tham khảo



















Chức năng thêm thành phần

thêmRow() {
this.doAddRow();
this.expanded = false;
}
riêng tư doAddRow() {
ELEMENT_DATA.push({ code: '', type: '', reference: '' });
this.dataSource = MatTableDataSource mới (ELEMENT_DATA);
}

nhập mô tả hình ảnh ở đây

câu trả lời hay nhất

những gì bạn phải làm là thêm một div bên ngoài bàn của bạn và cung cấp chiều cao tối thiểu tài sản.

app.comComponent.css

.bảng chính{
chiều cao tối đa: 42vh;
tràn-y: cuộn;
tràn-x: ẩn;
}

app.comComponent.html


  1. Chọn + để thêm rosw


Sau khi thêm 5 hàng mới, thanh cuộn dọc sẽ xuất hiện và khi cuộn hàng tiêu đề vẫn hiển thị






Danh mục



{{category.code}





Loại



{{type.code}





Mã bổ sung




Ừ, nó đã mở rộng





Tham khảo




















Về html - Làm cho các hàng trong bảng dữ liệu Vật liệu góc có thể cuộn được trong khi vẫn giữ các tiêu đề cố định, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/56375267/

29 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress