如何使用Rails Datagrid gem右对齐或十进制对齐数字

时间:2018-10-04 03:22:26

标签: ruby-on-rails

我正在尝试在项目中使用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和其他一些想法,但没有任何效果。

问题-如何获取费用列中的数据以右对齐或小数对齐?

1 个答案:

答案 0 :(得分:1)

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

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

这是在我的信封上的样子:

enter image description here

enter image description here