Laravel фиксированных столбцов с датой - PullRequest
Новая
       23

Laravel фиксированных столбцов с датой

0 голосов
/ 05 марта 2020

Как установить фиксированный правый столбец (действие) в laravel таблицах данных, таких как в этом простом примере - не работает в laravel). Спасибо 

tableWatches = $('.datatable-watches').DataTable({
        orderCellsTop: true,
        fixedHeader: false,
        dom: "Bfrtip",
        "pageLength": 50,
        "processing": true,
        "serverSide": true,
        scrollY:        true,
        scrollX:        true,
        scrollCollapse: true,

    paging:false,
    fixedColumns:   {
        leftColumns: 1,
        rightColumns: 1
    },
        "ajax": {
            url: "/admin/watches/all-watches",
            data: {
                condition: condition,
            }
        },
        "searchCols": [
       .................
        ],
        columns: [
       ..................
        ],

    });

Метод, который создал содержимое таблицы

И эта часть (

fixedColumns:   {
            leftColumns: 1,
            rightColumns: 1
    },

не работает, без ошибок и предупреждений, столбцы по-прежнему не исправлены.

1 Ответ

0 голосов
/ 05 марта 2020

Нужно больше объяснений!

В целом нет никакой разницы между простым js датируемым и yajra / laravel -datatables- oracle. Если вы хотите использовать его локально, просто нужно 100% с таблицей: 

<table id="users" class="table responsive" width="100%"></table>

и сценарий js для передачи данных с данными jso: 

$('#users').DataTable({
    responsive: true,
    "data": [
     {
         "first_name": "the first name1",
         "last_name": "the last name1"
     },
     {
         "first_name": "the first name2",
         "last_name": "the last name2"
     },
    ]
    "columns": [
     { 
         data: "first_name", title: 'first_name',
         width: '10%', // You can define each column width in the table
         sortable: true,
         searchable: false
     },
     { 
         data: "last_name", title: 'last_name',
         width: '10%',
         sortable: true,
         searchable: false
     }
    ]
});

Также для стороны сервера для подачи данных, просто используйте ajax: 

$('#users').DataTable({
        responsive: true,
        "columns": [
         { 
             data: "first_name", title: 'first_name',
             width: '10%', // You can define each column width in the table
             sortable: true,
             searchable: false
         },
         { 
             data: "last_name", title: 'last_name',
             width: '10%',
             sortable: true,
             searchable: false
         }
        ]
        ajax: {
            url: your_post_url_returning_datatable_object_json,
            type: 'POST'
        },
    });

Как я уже говорил, вы можете определить каждый столбец таблицы или сделать горизонтальную прокрутку: 

scrollX: '100%',
...