Estoy usando jquery datatables en mi MVC4 aplicación. El más simple de configuración de jquery datatables.

De hecho, he puesto esta pequeña jquery fragmento de código en mi diseño.cshtml fichero que se va a tomar el cuidado de todas las tablas de mi aplicación sin hacer nada personalizado.

$(".dataTable").dataTable({
   "bJQueryUI": true,
   "sPaginationType": "full_numbers"
}).columnFilter();

este funciona a la perfección cuando puedo cambiar el formato de la tabla con <thead>, <tbody> and <tfoot>.

Aquí está la imagen : datatable jQuery personalizado de clasificación y filtrado

Por supuesto, no todo el trabajo se trabajo con esta configuración básica.


El problema

El estado de pago columna contiene no sólo un texto, contiene un palmo y un oculto de la lista desplegable. en el clic de <td>, El lapso oculta y desplegable se hace visible. en el desplegable de cambio que vuelve a un visible span y oculto desplegable.

El código :

 <td class=" " paymentid="106">
            <span>
                Completed
            </span>

           <select name:"paymentstatus"="" style="display:none;" onchange="changepaymentStatus($(this).parent().attr('paymentId'),$(this).val(),10);">
               <option value="0" selected="'selected'">Completed</option>
               <option value="1">Pending</option>
               <option value="2">Cancelled</option>
           </select>
        </td>

datatable jQuery personalizado de clasificación y filtrado

Con todo este lío presente en la <td> elemento, no es capaz de filtrar (por esa columna y clasificación funciona incorrectamente (por columna).

1 Comentario

Dejar respuesta

Please enter your comment!
Please enter your name here