简体   繁体   中英

CSS don't work on wicked_pdf

I'm using the wicked_pdf and I have a problem. The css don't work. How use correctly?

My code is this:

application.html.erb

<!DOCTYPE html>
<html>
<head>
  <title>WickedPdfExample</title>
  <%= wicked_pdf_stylesheet_link_tag "bootstrap.min.css" -%>
  <%= wicked_pdf_stylesheet_link_tag "application.css" -%>
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
</head>
<body>
  <div class="container">
    <%= yield %>
  </div>
</body>
</html>

layouts/pdf.html.erb

<!DOCTYPE html>
<html>
<head>
<title>PDF</title>
  <%= wicked_pdf_stylesheet_link_tag "bootstrap" -%>
</head>
<body>

  <div class='container'>
    <%= yield %>
  </div>

</body>
</html>

customers_controller.erb

  def index
    @customers = Customer.all
    respond_to do |format|
      format.html
      format.pdf do
        render :pdf => 'file_name',
        :layout => 'layouts/pdf.html.erb'
        :template => 'customers/index.pdf.erb',
        :show_as_html => params[:debug].present?
      end
    end
  end

index.pdf.erb

<h1>Listing Customers</h1>

<table class="table table-condensed table-bordered">
  <thead>
    <tr>
      <th>Name</th>
      <th>Cpf</th>
      <th>Occupation</th>
    </tr>
  </thead>

  <tbody>
    <% @customers.each do |customer| %>
      <tr>
        <td><%= customer.name %></td>
        <td><%= customer.cpf %></td>
        <td><%= customer.occupation %></td>
      </tr>
    <% end %>
  </tbody>
</table>

And sometimes, get this error:

undefined method `start_with?' for nil:NilClass

What I 'm making wrong?

But, my bootstrap don't charge. I tried ALL!!!

我得到了我的CSS工作:

<%= stylesheet_link_tag "http://#{request.host_with_port}/#{asset_path("application.css")}", rel: "stylesheet", media: "all" %>

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM