Как добавить пользовательский столбец в datatable со значением разницы во времени двух других полей - PullRequest
Новая
       15

Как добавить пользовательский столбец в datatable со значением разницы во времени двух других полей

1 голос
/ 16 апреля 2019

У меня есть таблица MySQL со многими полями и двумя полями даты created_at и updated_at.

Мне нужен столбец в DataTables, имеющий разницу во времени между этими двумя полями.

Я использую опцию serverSide:true для DataTables и ssp.class.php.

Ниже мой код. 

 <?php
    error_reporting("E_ALL");
    if (isset($_GET['ajax'])) {
        $table = 'table_here';
        // Table's primary key
        $primaryKey = 'id';
        // Array of database columns which should be read and sent back to DataTables.
        // The `db` parameter represents the column name in the database, while the `dt`
        // parameter represents the DataTables column identifier. In this case simple
        // indexes
        $columns = array(
                array('db' => 'type', 'dt' => 0),
                array('db' => 'uniqueid', 'dt' => 1),
                array('db' => 'created_at', 'dt' => 8),
                array('db' => 'updated_at', 'dt' => 9), );
        require('ssp.class.php');
        echo json_encode(
            SSP::simple($_GET, $sql_details, $table, $primaryKey, $columns));
        exit();
    }
?>

$(document).ready(function () {
    const table = $('#example').DataTable({
            "columnDefs": [{
                    "targets": [7],
                    "visible": false,
                }
            ],
            "processing": true,
            "serverSide": true,
            "ajax": "url"
        });
});

1 Ответ

1 голос
/ 16 апреля 2019

Вы можете использовать columns.render для этой цели, например: 

const dataTables = $('#mytable').DataTable({
      ...
      columns: [
        ...
        {title: 'delta', data: null, render: (data, type, row, meta) => {
            //translate your timestamp strings into actual Date 
            const created = new Date(row.created);
            const updated = new Date(row.updated);
            //calculate the difference in seconds and return as a cell contents
            return Math.round((updated-created)/1000);
          }
        }
      ]
    });

Ниже вы можете найти демо 

//sample source data
const dataSrc = [
  {id: 1, created: '16 Apr 2019, 16:10:15', updated: '16 Apr 2019, 16:15:21'},
  {id: 2, created: '16 Apr 2019, 16:15:08', updated: '16 Apr 2019, 16:25:18'},
  {id: 3, created: '16 Apr 2019, 16:20:01', updated: '16 Apr 2019, 16:21:15'}
];
//DataTables initialization
const dataTables = $('#mytable').DataTable({
  dom: 't',
  data: dataSrc,
  columns: [
    {title: 'id', data: 'id'},
    {title: 'created', data: 'created'},
    {title: 'updated', data: 'updated'},
    {title: 'delta', data: null, render: (data, type, row, meta) => {
      const created = new Date(row.created);
      const updated = new Date(row.updated);
      return Math.round((updated-created)/1000);
      }
    }
  ]
});
<!doctype html>
<html>
<head>
  <script type="application/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  <script type="application/javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
</head>
<body>
<table id="mytable"></table>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...