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

Question

没有什么不工作的。当我输入大文本表时，会出现向右深处并出现水平导航。

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%;}

Answer 1

你真的想设置样式，而不是 html 属性

试试这个：

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

您实际创建的是：

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

你应该创造：

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

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