Làm cách nào để ẩn hàng bảng HTML <tr>
để không chiếm không gian? Tôi có một số thiết lập của <tr>
thành style="display:none;"
, nhưng chúng vẫn ảnh hưởng đến kích thước của bảng và đường viền của bảng phản ánh các hàng ẩn.Làm cách nào để ẩn hàng bảng HTML <tr> để không chiếm không gian?
Trả lời
Tôi thực sự muốn thấy kiểu dáng TABLE của bạn. Ví dụ. "border-collapse"
Chỉ cần đoán, nhưng nó có thể ảnh hưởng đến cách các hàng 'ẩn' được hiển thị.
Nhờ Đó là phong cách thiếu – MikeN
Thêm một số chiều cao dòng sau: 0px; cỡ phông chữ: 0px; chiều cao: 0px; lề: 0; đệm: 0;
Tôi quên điều nào xảy ra. Tôi nghĩ rằng đó là dòng chiều cao cho IE6.
Nếu display: none;
không hoạt động, cách đặt height: 0;
thay thế? Cùng với biên độ âm (bằng hoặc lớn hơn chiều cao của đường viền trên cùng và dưới cùng, nếu có) để loại bỏ thêm phần tử? Tôi không tưởng tượng rằng position: absolute; top: 0; left: -4000px;
sẽ hoạt động nhưng có thể đáng để thử.
Về phần tôi, sử dụng display: none
hoạt động tốt.
Điều này xảy ra với tôi và tôi đã bối rối là tại sao. Sau đó, tôi nhận thấy rằng nếu tôi loại bỏ bất kỳ nbsp; tôi đã có trong các hàng, sau đó các hàng không chiếm bất kỳ không gian nào.
Tôi đã gặp sự cố tương tự, thậm chí tôi đã thêm kiểu = "display: none" vào mỗi ô.
Cuối cùng tôi sử dụng HTML bình luận <!-- [HTML] -->
Bạn có thể đặt <tr id="result_tr" style="display: none;">
và sau đó hiển thị nó trở lại với JavaScript:
var result_style = document.getElementById('result_tr').style;
result_style.display = 'table-row';
mát đây là những gì tôi đang tìm kiếm :) – kmario23
Thank-you !!.! Ẩn là dễ dàng, nhưng ăn chúng trở lại đang chứng minh vấn đề. –
Bạn có thể sử dụng màn hình style: none với tr để ẩn và nó sẽ làm việc với tất cả các trình duyệt.
position: absolute
sẽ xóa nó khỏi luồng bố cục và giải quyết vấn đề của bạn - phần tử sẽ vẫn ở trong DOM nhưng sẽ không ảnh hưởng đến người khác.
fwiw Tôi nghĩ rằng đây là một giải pháp tuyệt vời nếu bạn muốn ẩn một cột, trong một số tình huống cụ thể. Ngoài ra, thêm 'opacity: 0' – Grapho
Bạn có thể đặt
<table>
<tr style="visibility: hidden"></tr>
</table>
Với' visibility: hidden; 'phần tử sẽ vẫn chiếm không gian, đó là sự khác biệt giữa các thuộc tính' visibility' và 'display' –
var result_style = document.getElementById('result_tr').style;
result_style.display = '';
đang làm việc một cách hoàn hảo cho tôi ..
HTML:
<input type="checkbox" id="attraction" checked="checked" onchange="updateMap()">poi.attraction</input>
JavaScript:
function updateMap() {
map.setOptions({'styles': getStyles() });
}
function getStyles() {
var styles = [];
for (var i=0; i < types.length; i++) {
var style = {};
var type = types[i];
var enabled = document.getElementById(type).checked;
style['featureType'] = 'poi.' + type;
style['elementType'] = 'labels';
style['stylers'] = [{'visibility' : (enabled ? 'on' : 'off') }];
styles.push(style);
}
return styles;
}
Bạn cần phải đặt sự thay đổi kiểu đầu vào ẩn, tất cả các chức năng của nó hoạt động nhưng nó không phải là hiển thị trên trang
<input type="hidden" name="" id="" value="">
miễn là các loại đầu vào được thiết lập để bạn có thể thay đổi phần còn lại . Chúc may mắn !!
Tôi đã có cùng một vấn đề và tôi giải quyết vấn đề này. Trước đó css bị tràn: ẩn; chỉ số z: 999999;
tôi thay đổi nó để tràn: có thể nhìn thấy;
- 1. Ẩn hàng khỏi ListView mà không chiếm không gian
- 2. Làm thế nào để ẩn một hỗn hợp SWT để nó không chiếm không gian?
- 3. một thẻ chiếm thêm không gian trong html
- 4. Làm cách nào để ẩn giữa bảng bằng jQuery?
- 5. WPF: Làm thế nào để làm cho TextBlock trống không chiếm không gian?
- 6. Làm thế nào để hiển thị/ẩn bảng hàng <tr> trong trang ascx
- 7. Làm thế nào để lấy văn bản để chiếm 100% không gian còn lại?
- 8. Không gian bị chiếm bởi các hàng đã xóa có được tái sử dụng không?
- 9. Làm thế nào để ẩn Bảng Row tràn?
- 10. Làm cách nào để ẩn/hiện các hàng trong bảng bằng jQuery?
- 11. Làm cách nào để ẩn bảng điều khiển trên SplitContainer?
- 12. Làm thế nào để cột DataGrid cuối cùng chiếm toàn bộ không gian bên trái?
- 13. Làm thế nào để loại bỏ không gian không mong muốn giữa các hàng và cột trong bảng?
- 14. Văn bản trong UITextView không hiển thị chính xác, ẩn, nhưng chiếm không gian
- 15. JPanels không hoàn toàn kéo dài để chiếm không gian có sẵn
- 16. Làm cách nào để thực hiện div được thả nổi bên trái chiếm 100% không gian còn lại?
- 17. Làm cách nào để ẩn một hàng trong lưới WPF?
- 18. Nhận số hàng không bị ẩn trong một bảng
- 19. Do NULLs chiếm không gian trong chỉ mục postgresql?
- 20. Làm cách nào để thêm hàng bảng html phụ khi nhấp vào nút bằng jQuery?
- 21. Tôi làm cách nào để đặt tên liên kết cho hàng bảng html?
- 22. Làm cách nào để căn giữa văn bản trong hàng của bảng html?
- 23. Làm thế nào để chọn ngẫu nhiên các điểm mẫu để tối đa hóa sự chiếm đóng không gian?
- 24. Làm cách nào để viết giờ của thời gian mà không có không gian hàng đầu hoặc không gian hàng đầu?
- 25. Jsoup - Làm thế nào để xóa sạch html bằng cách thoát không xóa html không mong muốn?
- 26. Làm cách nào để tạo một bảng HTML nội tuyến
- 27. Làm cách nào để thay thế thành không gian?
- 28. Làm cách nào để lấy lại không gian từ "Grip"
- 29. Làm cách nào để cập nhật n hàng trong bảng?
- 30. Làm cách nào để biết một đối tượng Java có trong không gian chiếm hoặc không gian từ vùng chứa đống
Chúng có được hiển thị/ẩn liên tục không? Hoặc khi chúng bị ẩn, chúng có hiệu quả không? Bởi vì bạn có thể sử dụng javascript để chỉ loại bỏ hàng và nó có thể sẽ khắc phục vấn đề của bạn. – inkedmn
Tôi muốn bắt đầu chúng như là ẩn, và sau đó hiển thị chúng nếu người dùng nhấp vào một nút để "hiển thị nhiều hơn". Khi chúng bị ẩn, tôi không muốn chúng chiếm không gian dọc. – MikeN
tôi đã có cùng một vấn đề này, nếu bạn loại bỏ() hàng với javascript, nó vẫn chiếm một số không gian trong IE6. không có cách nào xung quanh sucky IE – mkoryak