如何使用laravel中的原始查询来修剪yajra数据表中的字符串

Question

我在使用原始查询从数据库中获取数据时如何从查询中修剪数据表中的字符串时遇到问题。

我的查询示例是

public function data()
    {
        return DB::table('query_table')
            ->select([
                DB::raw('query_table.data1 AS data1'),
                DB::raw('query_table2.data2 AS data2'),
            ])
            ->join('query_table2','query_table2.query_table_id','=','query_table.id')
            ->where(['query_table.id' => 1])
            ->orderByDesc('query_table.data1')
            ->get();
    }

来自我的数据表的控制器

public function dataDataTable()
    {
        $data = $this->query->data(); //query of data

        return DataTables::of($data)
            ->addIndexColumn()
            ->make(true);
    } 

我正在使用数据表作为laravel中的视图

@extends('layouts.main' , ['title' => trans('label.data.table')])

    @include('includes.datatable_assets')

    @push('after-styles')

        @include('includes.custom_assets')
    @endpush
    @section('content')
        <div class="card">
            <div class="card-body">
                <header class="card-header card-header-custom">
                    <h2 class="card-title" style="color: white" >{!! trans('label.table.header') !!}</h2>
                </header>
                <div class="" id="list-all">
                    <table class="display" id="templates-table">
                        <thead>
                        <tr>
                            <th>@lang('label.sn')</th>
                            <th>@lang('label.data1')</th>
                            <th>@lang('label.data2')</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    @endsection

    @push('after-scripts')

        <script  type="text/javascript">

            $('#templates-table').DataTable({
                processing: true,
                serverSide: true,

                ajax: '{!! route('query.datatable.route') !!}',
                type: 'get',
                columns: [
                    {data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false, width: '5%'},
                    {data: 'data1', name: 'data1', orderable: false, searchable: true, width: '65%'},
                    {data: 'data2', name: 'data2', orderable: false, searchable: true, width: '35%'},      
                ],
        </script>

    @endpush

如何修剪data1字符串，以便可以在datatable视图中看到几个字符？

Answer 1

您可以用PHP或Javascript来做：

Javascript：

$('#templates-table').DataTable({
    ...,
    columnDefs: [{
        targets: 1,
        render: function (data, type, row) {
            return type === 'display' && data.length > 50 ? data.substr(0, 50) + '…' : data;
        }
    }]
});

您可以阅读有关它的更多信息here。

PHP：

use Illuminate\Support\Str;

public function dataDataTable()
{
    $data = $this->query->data(); // query of data

    return DataTables::of($data)
        ->editColumn('data1', function ($data) {
            return Str::limit($data->data1, 50);
        })
        ->addIndexColumn()
        ->make(true);
}

如果您不必向用户显示完整的字符串，我将使用PHP版本，因此您的响应不会肿。