@karasique

Как сделать колонку с действиями для dataTables?

Есть такая таблица:

<table id="datatables" class="table table-striped table-no-bordered table-hover" cellspacing="0" width="100%" style="width:100%">
       <thead>
          <tr>
             <th>Название карточки</th>
             <th>Имя</th>
             <th>Номер</th>
             <th class="disabled-sorting sorting"> Действия </th>
          </tr>
       </thead>
       <tbody>
       </tbody>
    </table>

js:

<script type="text/javascript" language="javascript" >
       $(document).ready(function() {
       	var dataTable = $('#datatables').DataTable( {
       		"processing": true,
       		"serverSide": true,
       		"ajax":{
       			url :"getData.php", // json datasource
       			type: "post",  // method  , by default get
       			error: function(){  // error handling
       				$(".datatables-error").html("");
       				$("#datatables").append('<tbody class="error"><tr><th colspan="3">No data found in the server</th></tr></tbody>');
       				$("#datatables_processing").css("display","none");
       				
       			}
       		}
       	} );
       } );
    </script>

А вот php обработчик : pastebin

Как вывести в колонку "действия" такой код?

<td class="td-actions text-right">
    <a target="_blank" href="/clients/i?getInfo=".$row['id']." rel="tooltip" title="Просмотр/изменение" class="btn btn-info btn-simple btn-xs">
    	<i class="ti-user"></i>
    </a>
    <a href="#" rel="tooltip" title="Удалить" class="btn btn-danger btn-simple btn-xs">
    	<i class="ti-close"></i>
    </a>
    </td>
  • Вопрос задан
  • 166 просмотров
Решения вопроса 1
Stalker_RED
@Stalker_RED
Примерно так:
columnDefs: [
                {
                    "render": generateUserProfileLink,
                    "targets": 1,
                },
                {
                    "render": generateBalanceLink,
                    "targets": 5,
                },
                { "visible": false,
                    "targets": [ 3 ]
                }
            ],

В первую и пятую колонку будут вставлены ссылки, третья колонка будет скрыта.
Сама функция для генерации ссылки:
function generateBalanceLink(cellValue, type, row) {
            return '<a href="#" style="border-bottom: dashed 1px gray;" data-toggle="modal" data-target="#modal-balance" id="balanceBtn_' + row[0] + '" data-uid="' + row[0] + '" data-username="' + row[1] + '">' + (parseFloat(cellValue)||0) + '</a>';
        }
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы