Блог

Я использую datatables, чтобы придать всем моим таблицам магию таблиц данных jquery, я делаю свои адаптивные таблицы, добавляя data-title в свои td. как я могу добавить заголовок данных ко всем моим td, чтобы они выглядели так

 <td data-title="Fruit">Apple</td>
<td data-title="Good or bad">They are delicious</td>
  

и так далее…

В настоящее время у меня есть это

 $(document).ready(function() {
    $('#contacts').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": "src/data.php?form_action=get-table",

    } );
});
  

и мой возвращаемый json выглядит следующим образом

 {
"draw":"1",
"recordsTotal":2,
"recordsFiltered":2,
"data":[
  [
     "Apples",
     "They are delicious",
     "2016-10-10 07:47:12",
     "New entry",
     "1"
  ],
  [
     "Bananas",
     "They are also delicious",
     "2016-10-10 07:47:12",
     "New entry",
     "2"
  ]
 ]
}
  

вы можете использовать createdRow обратный вызов datatables. вот так,

 $(document).ready(function() {
    $('#contacts').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": "src/data.php?form_action=get-table",
        // Per-row function to iterate cells
        "createdRow": function (row, data, rowIndex) {
            // Per-cell function to do whatever needed with cells
            $.each($('td', row), function (colIndex) {
                // For example, adding data-* attributes to the cell
                $(this).attr('data-title', "your cell title");
            });
        }
    });
});