You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.09 06:12:03