时间戳

首页 > 解决方案 > 如何返回

在数据表中

javascript - 如何返回
在数据表中

问题描述

我在 laravel 中创建了带有数据表的项目。我想在我的列中返回一个 div 值作为进度条。但是，我的表格中只显示文本，而不是进度条。这是我的控制器

  public function index(Request $request)
    {
      
        if ($request->ajax()) {
            $data = Post::where('user_id', Auth::id())->latest()->get();
            return Datatables::of($data)
                ->addIndexColumn()
                ->addColumn('progress', function ($row) {
                    $pro = $row->progress;
                    if ($pro == 0) {
                        $bar = '<div class="progress"> <div class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">0%</div></div>';
                        return $bar;
                    } else if (){}
...
                })
                ->rawColumns(['action'])
                ->make(true);
        }

        return view('Home');
    }

这是我的看法

 $(function() {

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        var table = $('.data-table').DataTable({
            processing: true,
            serverSide: true,
            ajax: "{{ route('home.index') }}",

            columns: [{
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex',
                    orderable: false,
                    searchable: false,
                },
                {
                    data: 'title',
                    name: 'title',
                    orderable: false,
                },
                {
                    data: 'content',
                    name: 'content',
                    orderable: false,
                    visible: false,
                },
                {
                    data: 'progress',
                    name: 'progress'
                },
                {
                    data: 'status',
                    name: 'status'
                },
      
                {
                    data: 'action',
                    name: 'action',
                    orderable: false,
                    searchable: false
                },
            ]
        });

我想在每个进度列中添加引导进度，可以吗？还是我的代码有问题？提前致谢

标签： javascriptlaraveldatatablelaravel-8

解决方案

在您的添加progress列rawColumns()：

rawColumns(['action', 'progress'])

推荐阅读