Haml中合并的表头

时间:2012-12-23 02:13:58

标签: html haml

我想用haml:enter image description here

来完成这个

如何调整以下内容以使合并的单元格标题与excel图片完全相同:

%table
  %tbody
    %tr
      %th Name
      %th Sunday      
      %th Monday
      %th Tuesday
      %th Wednesday
      %th Thursday
      %th Friday
      %th Saturday
    %tr
      %th 1
      %th 2
      %th 3
      %th 4
      %th 5

1 个答案:

答案 0 :(得分:15)

您似乎想要colspanrowspan属性。 Here's a demo.

%table
  %tbody
    %tr
      %th{:rowspan => 2} Name 
      %th{:colspan => 5} Sunday
      %th{:colspan => 5} Monday
      %th{:colspan => 5} Tuesday
      %th{:colspan => 5} Wednesday
      %th{:colspan => 5} Thursday
      %th{:colspan => 5} Friday
      %th{:colspan => 5} Saturday
    %tr
      - 7.times do
        %th 1
        %th 2
        %th 3
        %th 4
        %th 5