HAML:表格列的宽度不起作用

时间:2011-10-18 14:27:04

标签: ruby-on-rails css ruby haml markup

这一切都没有用。当我输入大型文本表时,右侧会出现水平导航。

index.haml

%table{:border => 1, :width => "100%"}
  %tr
    %th{:width => "200"} Name
    %th.edit Edit

  - @wallpapers.each do |wallpaper|
    %tr
      %td.name= wallpaper.name
      %td= link_to (image_tag wallpaper.thumb.url(:thumb)), edit_wallpaper_path(wallpaper)
      %td= button_to 'Delete', wallpaper_path(wallpaper), :confirm => 'Are you sure you want to delete this wallpaper?', :method => :delete

的style.css

th.edit {width:20%;}
td.name {width:20%;}

1 个答案:

答案 0 :(得分:4)

你真的想设置风格,而不是html属性

试试这个:

%table{:style=>"border: 1px; width: 100%"}

您实际创建的是:

<table border="1" width="100%">

你应该创造:

<table style="border: 1px; width: 100%">

当然,使用类和CSS会更好,但这将解决当前的问题。