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

Posted 2023-03-06

【中文标题】如何使特定的 Grocery CRUD 表列右对齐？

【英文标题】：How to make specific Grocery CRUD table columns right-align?

【发布时间】：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>";

【讨论】：

运行$value 到htmlspecialchars 可能是个好主意。

【参考方案2】：

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

.abc
  text-align:right;

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

http://jsfiddle.net/Rushikesh/mpsfD/