如何在Infyom Laravel Generator的Yajra DataTable中设置数值列右对齐
在Infyom Laravel Generator中配置Yajra DataTable数值列右对齐的方法
方法1:修改已生成的DataTable文件(临时适配单个模块)
- 定位到项目下
app/DataTables/[对应模型名]DataTable.php文件,找到columns()方法 - 为需要右对齐的数值列追加
className参数配置即可,示例代码:
// 仅需在对应列定义后加一行配置 ->addColumn('order_amount', function ($order) { return $order->order_amount; }) ->className('text-right')
如果需要通过render参数实现,写法如下:
->addColumn('goods_count', function ($order) { return $order->goods_count; }) ->render('function(data) { return `<div style="text-align: right">${data}</div>`; }')
方法2:修改生成器模板(全局适配,后续生成自动生效)
- 找到Infyom生成器发布的模板文件,默认路径为
resources/views/vendor/infyom-generator-templates/scaffold/datatable/columns.stub - 找到数值类型字段(integer、float、decimal等)的列生成逻辑,在列定义代码后自动追加
->className('text-right')配置 - 保存模板后,后续所有通过Infyom生成的DataTable,数值列默认会自动加上右对齐配置
注:如果项目使用非Bootstrap的CSS框架,将
text-right替换为对应框架的右对齐样式类名即可
内容的提问来源于stack exchange,提问作者Dri372
相关产品推荐
相关产品推荐

