ruby-on-rails - 如何使用 rails datagrid gem 右对齐或小数对齐数字

Question

我正在尝试在项目中使用 datagrid gem。我想让一个数字列右对齐，但似乎无法做到这一点。

我的 admin_plans_grid.rb 是

class AdminPlansGrid < BaseGrid

  scope do
    Plan
  end

  filter(:id, :integer)
  filter(:created_at, :date, :range => true)
  filter(:plan_type)

  column(:id)
  column(:name)
  column(:term)
  column(:cost) do 
    style="text-align:right"
    self.cost
  end
  column(:plan_type)
  date_column(:created_at)
  column(:actions, html: true) do |model|
  # link_to "Show", admin_plan 
end
end

我一直在尝试成本列的变化，例如上面显示的

   column(:cost) do 
    style="text-align:right"
    self.cost
  end

我尝试了 span 和其他一些想法，但没有任何效果。

问题 - 如何使成本列中的数据右对齐或小数对齐？

标签： ruby-on-rails

Answer 1

好的，这是解决方案，您可以像这样覆盖表 td 类值：在文件中：datagrid-demo/app/assets/stylesheets/main.css.sass 为禁用的列添加此值或您需要对齐的任何其他列

table.users_grid
  td, th 
    &.disabled
      text-align: right

这是它在我的环境中的外观：