10
Bạn có biết cách sửa kích thước của chiều rộng và chiều cao td trong bảng cho phép phần còn lại của td trên bảng mở rộng khi cần không?Tạo kích thước cố định td (chiều rộng, chiều cao) trong khi phần còn lại của td có thể mở rộng
Vấn đề là khi có dữ liệu bên trong của td nó sẽ không co lại nhiều hơn dữ liệu, nhưng nếu trống thì nó sẽ thu nhỏ lại, nếu bạn mở rộng cửa sổ thì td sẽ mở rộng.
Tôi muốn giữ kích thước của td cho dù bạn mở rộng hoặc thu nhỏ cửa sổ và liệu td có dữ liệu bên trong hay không.
Ngoài ra tôi cần giữ phần còn lại của td có thể mở rộng khi bạn mở rộng cửa sổ.
Bảng lớpContainerRow2 là thứ tôi cần để có kích thước cố định. ví dụ:
<style>
.divContainer {
margin:10px;
background-color:#C7D8EE;
border:2px solid #0076BF;
text-align:left;
}
.tableContainer {
color:#0076BF;
margin: -10px 0px -10px 0px;
border-spacing: 10px;
empty-cells:show;
width:90%;
}
.tableContainerRow2 {
background-color:white;
border:2px solid #0076BF;
}
</style>
<div class="divContainer">
<table class="tableContainer" cellspacing="10px">
<tr>
<td width="18%" style="white-space:nowrap;" >NHS Number</td>
<td width="17%"> </td>
<td width="10%" style="white-space:nowrap;">Date of Visit</td>
<td width="10%"> </td>
<td colspan="3" style="white-space:nowrap;">Care Time Started</td>
<td width="4%"> </td>
<td width="5%"> </td>
<td width="25%" rowspan="2" style="font-weight:bold;vertical-align:middle;white-space:nowrap;">Tick when<br/> care starts</td>
</tr>
<tr >
<td width="18%" class="tableContainerRow2"> </td>
<td width="17%"> </td>
<td width="10%" class="tableContainerRow2"> 12/12/09</td>
<td width="10%"> </td>
<td width="5%" class="tableContainerRow2"> 12</td>
<td width="1%" > :</td>
<td width="5%" class="tableContainerRow2"> 10</td>
<td width="4%"> </td>
<td width="5%"> ☑</td>
<td width="10%" > </td>
</tr>
</table>
</div>
sẽ được tốt hơn (đối với một số giá trị của hơn) để sử dụng CSS, nhưng nguyên tắc là như nhau: phong cách nội tuyến, hoặc id/lớp được gán cho phần tử sẽ hoạt động. – Richard
Cảm ơn bạn đã bình luận của bạn, tôi đoán tôi không dán bất kỳ mã đã không giúp đỡ, nhưng giải pháp này đã không làm việc, có thể nó của tôi làm điều gì đó sai trái. – Amra
bảng của bạn khá nặng với tất cả độ rộng được chỉ định. hãy thử xóa tất cả kiểu dáng và bắt đầu lại từ đầu. không sử dụng gói hàng. chỉ cần đánh dấu các ô hàng tiêu đề và không sử dụng kiểu dấu cách khoảng trắng. Thay vì colspan = "3", hãy sử dụng một bảng khác để bạn có thể hiển thị các cột phù hợp với cột sử dụng colspan = "3". Bạn cũng đang sử dụng tỷ lệ phần trăm, nhưng bạn đã thử đặt một tỷ lệ bạn muốn cố định với chiều rộng pixel cụ thể không? Bàn luôn là nỗi đau khi tôi định dạng khi mọi thứ trở nên phức tạp. Bắt đầu xóa từng nội dung một để gỡ lỗi chúng. – spatel