2015-05-20 2 views
0

OK ребята, у меня есть страница с динамичном таблицы с помощью Jquery DataTablesКак добавить таблеткула в существующие данные?

<div class="widget"> 

<div class="widget-head"> 
<h5>Usuarios</h5> 
</div> 

<div class="widget-body"> 
<div class="row"> 
<div class="col-md-12"> 
<div class="table-responsive"> 
<table cellpadding="0" cellspacing="0" border="0" id="data-table" width="100%"> 
<thead> 
<tr> 
<th><?php echo lang('index_fname_th');?></th> 
     <th><?php echo lang('index_lname_th');?></th> 
     <th><?php echo lang('index_email_th');?></th> 
     <th><?php echo lang('index_groups_th');?></th> 
       <th><?php echo lang('index_code_th');?></th> 
     <th><?php echo lang('index_status_th');?></th> 
     <th><?php echo lang('index_action_th');?></th> 
       <th><?php echo lang('index_net_th');?></th> 
</tr> 
</thead> 
<tbody> 
            <?php foreach ($users as $user):?> 
     <tr> 
      <td><?php echo htmlspecialchars($user->first_name,ENT_QUOTES,'UTF-8');?></td> 
      <td><?php echo htmlspecialchars($user->last_name,ENT_QUOTES,'UTF-8');?></td> 
      <td><?php echo htmlspecialchars($user->email,ENT_QUOTES,'UTF-8');?></td> 
      <td> 
     <?php foreach ($user->groups as $group):?> 
      <?php echo anchor("auth/edit_group/".$group->id, htmlspecialchars($group->name,ENT_QUOTES,'UTF-8')) ;?><br /> 
       <?php endforeach?> 
      </td> 
         <td><?php echo htmlspecialchars($user->codigo,ENT_QUOTES,'UTF-8');?></td> 
      <td><?php echo ($user->active) ? anchor("auth/deactivate/".$user->id, lang('index_active_link')) : anchor("auth/activate/". $user->id, lang('index_inactive_link'));?></td> 
      <td><?php echo anchor("auth/edit_user/".$user->id, 'Edit') ;?></td> 
         <td><?php echo htmlspecialchars($user->red,ENT_QUOTES,'UTF-8');?></td> 
     </tr> 
    <?php endforeach;?> 
           </tbody> 
<tfoot> 
<tr> 
<th><?php echo lang('index_fname_th');?></th> 
     <th><?php echo lang('index_lname_th');?></th> 
     <th><?php echo lang('index_email_th');?></th> 
     <th><?php echo lang('index_groups_th');?></th> 
       <th><?php echo lang('index_code_th');?></th> 
     <th><?php echo lang('index_status_th');?></th> 
     <th><?php echo lang('index_action_th');?></th> 
       <th><?php echo lang('index_net_th');?></th> 
</tr> 
</tfoot> 
</table> 
</div> 
</div> 
</div> 
</div> 

<div class="widget-foot"> 

</div> 

</div> 

редактировать:

это мой JS скрипт:

/* Data Table */ 
/* ********** */ 

$(document).ready(function() { 
    $('#data-table').dataTable({ 
     "sPaginationType": "full_numbers", 
     "dom": 'T<"clear">lfrtip' 
    }); 
}); 

/* ****************************** */ 

и мой КСС большой файл, загрузка с веб-страницы datatables.

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

Спасибо всем!

+0

ли вы имеете в виду «таблицы инструментов» из «Таблицы данных»? – Jobst

+0

Да, это тот. – mtzStrada

+0

так что он делает или НЕ делает .... или работает или не работает ... или появляется таблица или не отображается ... Также где вы заголовок, чтобы увидеть JS и CSS, необходимые для таблицы данных для работы ... – Jobst

ответ

0

Хорошо.

Настольные инструменты - это PLUGIN для данных, для выполнения этого требуется ряд шагов.

Я не могу видеть свой заголовок, так что я не знаю, что вы включили (JS, CSS)

Во-первых, необходимо иметь все сценарии/CSS для стандартных таблиц данных.

Кроме того, вы должны пойти https://www.datatables.net/extensions/tabletools/plug-ins и загрузить/сохранить javascript и добавить, что в свой заголовок для загрузки, вам также нужно загрузить, сохранить и загрузить таблицу инструментов css в свой заголовок, а также - снова Я не вижу, что ты это сделал.

Перейти к https://www.datatables.net/release-datatables/extensions/TableTools/examples/simple.html, сохранить все HTML/JS/CSS локально и создать файл для проверки этого локально. После того, как вы работаете с внешними файлами, начните включать файлы (js/css) на вашем сервере - если все еще работает, вы знаете, что у вас есть все необходимые библиотеки.

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

Если он все еще не работает, что скажет вам консоль отладки (Firefox/Chrome)?

0

Добавить tabletools SWF файл в ваших DataTable вариантов, и добавьте DataTables JS и CSS файлы в код

$('#status_table').DataTable({ 
    "tableTools": { 
     "sSwfPath": "packages/datatables-tabletools/swf/copy_csv_xls_pdf.swf" 
    } 
}); 
1

первый импортируйте tabletools данных пакета после этого распаковали папку, где папка проекта после этого включает в себя исходный файл как этого

<script src="http://localhost:88/project_name/DataTables-1.10.7/media/js/jquery.js"></script> 
<script src="http://localhost:88/project_name/DataTables-1.10.7/media/js/jquery.dataTables.js"></script> 
<script src="http://localhost:88/project_name/DataTables-1.10.7/extensions/TableTools/js/dataTables.tableTools.min.js"></script> 
<link href="http://localhost:88/project_name/DataTables-1.10.7/media/css/jquery.dataTables.css"rel="stylesheet"> 
<link href="http://localhost:88/project_name/DataTables-1.10.7/extensions/TableTools/css/dataTables.tableTools.css"rel="stylesheet"> 

и после этого включает й Функция электронной JQuery

<script> 
$(document).ready(function() { 
$('#index1').DataTable({ 
dom: 'T<"clear">lfrtip', 
tableTools: { 
     "sSwfPath": "http://localhost:88/project_name/DataTables1.10.7/extensions/TableTools/swf/copy_csv_xls.swf" 
    } 
}); 

}); 
</script> 

здесь index1 столовое ID

Смежные вопросы