如何使特定的 Grocery CRUD 表列右对齐？答案

【问题标题】：How to make specific Grocery CRUD table columns right-align?如何使特定的 Grocery CRUD 表列右对齐？
【发布时间】：2014-06-21 06:08:50
【问题描述】：

有没有办法让 Grocery CRUD 呈现的特定列右对齐？

就我而言，我只想专门右对齐 Bonus Value 列。

我们将非常感谢您的帮助。

【问题讨论】：

一个快速的谷歌让它看起来像 Grocery CRUD 有模板。因此，只需编辑您的模板。或者，在浏览器中右键单击该列并选择“检查元素”，这将打开开发人员工具并让您检查相应的 CSS。将 CSS 更新为 text-align:right

【解决方案1】：

在您的控制器中，使您想要右对齐的列成为回调列。然后，将一些带有内联 CSS 的 HTML 放在右对齐您的文本。

控制器 CRUD 代码：

$this->grocery_crud->callback_column('bonus_value',array($this,'_column_bonus_right_align'));

控制器中的回调函数：

function _column_bonus_right_align($value,$row)
{
    return "<span style=\"width:100%;text-align:right;display:block;\">".$value."</span>";
}

【讨论】：

【解决方案2】：

您可以为您希望文本对齐正确的“td”分配一个公共类。

.abc{
  text-align:right;
}

请查看下面的 jsfiddle 以获取参考：

【讨论】：