2012-04-24 40 views
5

Tôi đang tìm thông số kỹ thuật của HTML5 về bảng. Tôi đang làm một ứng dụng web có rất nhiều bảng dữ liệu.Giá trị HTML5 của các bảng lồng nhau

Các bảng này thường có một hàng cơ sở dữ liệu được ánh xạ tới một hàng trong bảng. Mọi thứ đều tốt. Tuy nhiên, một vấn đề con cụ thể có rất nhiều cột mà nó cần phải được trải rộng trên hai hàng trong bảng. Vì vậy, các bảng thông thường là (theo giả):

<table> 
<thead> 
<tr> 
    <th>Header</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
    <td>Data</td> 
</tr> 
</tbody> 
</table> 

Và hàng có vấn đề là như thế này:

<table> 
<tbody> 
<tr> 
    <th>Header row 1</th> 
</tr> 
<tr> 
    <td>Data</td> 
</tr> 
<tr> 
    <th>Header row 2</th> 
</tr> 
<tr> 
    <td>Data</td> 
</tr> 
</tbody> 
</table> 

Vì vậy, câu hỏi của tôi bây giờ: Bàn Có hợp lệ đã lồng trong HTML5? Chúng ta có thể dễ dàng đồng ý rằng nó rất xấu. Nhưng tôi chỉ xem xét tính hợp lệ ở đây.

Nếu tôi có thể có bảng lồng nhau, nó sẽ giải quyết mọi vấn đề liên quan đến sắp xếp và chỉnh sửa các bảng này (có chức năng lưới dữ liệu bán được triển khai). Bằng cách đó, bảng chính vẫn có thể bao gồm chỉ một hàng với hai cột. ngày có thể sắp xếp và bảng được nhúng với dữ liệu.

Bạn nói gì? Tôi đã tìm kiếm các thông số kỹ thuật nhưng không thể tìm thấy bất cứ điều gì rõ ràng.

+0

Cách dễ dàng để tìm hiểu: http://validator.w3.org/ –

+2

Tôi tin rằng nó hợp lệ như trước đây. Nhưng bạn không thể đạt được những gì bạn muốn với 'rowspan' và' colspan'? –

+0

Có. Tuy nhiên đó là 1) một ứng dụng mạng nội bộ và không thể truy cập công cộng và 2) Tôi muốn có một gợi ý trước khi tôi refactor mã, chỉ để trở lại nếu nó không xác nhận;) –

Trả lời

11

Tài liệu này, trong đó có gì, nhưng một bảng lồng nhau:

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>A nested table</title> 
</head> 
<body> 
    <table> 
     <tbody> 
      <tr> 
       <td> 
        <table> 
         <tbody> 
          <tr> 
           <td>Nested</td> 
           <td>Table</td> 
          </tr> 
         </tbody> 
        </table> 
       </td> 
      </tr> 
     </tbody> 
    </table> 
</body> 
</html> 

... là hợp lệ, theo http://validator.w3.org/nu/: Tài liệu

Các xác nhận theo lược đồ cụ thể (s) và thêm các ràng buộc được kiểm tra bởi trình xác thực.

+0

Vì lý do nào đó trình xác thực không hoạt động đối với tôi. Nhưng tôi lấy công việc của bạn cho nó;) Cảm ơn :) Chỉnh sửa: Bây giờ nó đã làm sau khi ai đó đá một proxy. Tôi may mắn nhận được kết quả tương tự;) –

-4

Từ những gì tôi đã nghe (một người là một nhà phát triển web có kinh nghiệm hơn, vui lòng điền tôi trong hơn về vấn đề này), các bảng lồng nhau cần phải thực sự được lồng vào nhau trong vòng <td> yếu tố mà lần lượt được lồng trong <tr> ' s và các bảng khác, không chỉ trong các bảng hoặc các hàng trực tiếp. Tôi cho một người thấy rằng đó là một nỗi đau thực sự ... nhưng ồ.

Các vấn đề liên quan