En JS
tengo el siguiente código:
$('#botones').html('<button type="button" class="btn btn-success hvr-float-shadow pull-right" style="position: relative; bottom: 3px; border-radius: 20px;background: teal; border-color: teal;" onclick="LoadDataEvaluados()"> Evaluado </button>'
+ '<button type="button" class="btn btn-danger hvr-float-shadow pull-right" style="position: relative; bottom: 3px;right: 20px; border-radius: 20px;" onclick="LoadDataNoEvaluados()">No Evaluado</button>');
Como se ve, cada botón
tiene un onclick
que corresponde a funciones diferentes
, la idea es que dependiendo a cada función
se pueda agregar o quitar una columna de una tabla...
HTML
<tr>
<th>ID</th>
<th>Cédula</th>
<th>Nombre</th>
<th>Apellido</th>
<th>resultados</th>
</tr>
(Esta tabla se encuentra en el html)
Es decir que cuando se oprima el botón 'evaluados'
que en este caso contiene la función LoadDataEvaluados();
pueda agregar abajo de la etiqueta o columna <th>resultados<th>
esta <th>detalle<th>
en caso contrario pues que no muestre <th>detalle<th>
Agradeceria el interes. (no podria intentar ocultar esa columna ya que el datatables arrojaria un error.)