Tengo una tabla HTML simple, donde el primer "td" está personalizado para ser una casilla de verificación de entrada de ID:
<table class="table" id="mytable"> <thead> <tr> <th scope="col">Col1</th> <th scope="col">Col2</th> <th scope="col">Col3</th> </tr> </thead> <tbody> <tr> <td><input type=checkbox name="id-1" value=1></td> <td class="id">ID</td> <td class="name>NAME</td> </tr> <tr> <td><input type=checkbox name="id-2" value=2></td> <td class="id">ID</td> <td class="name>NAME</td> </tr> ....... A lot of more rows, some already checked .......... </tbody> </table>Luego estoy usando Jquery Datatable para "mejorar" la tabla para que sea un Datatable:
$('#mytable').DataTable();Dado que algunos valores ya se pueden verificar durante la representación de la tabla, estoy tratando de encontrar la forma más efectiva de agregar un botón "mostrar solo seleccionado/mostrar todo" que filtre la tabla de datos y solo muestre la casilla de verificación marcada.
¿Hay alguna manera de hacerlo directamente con Datatable sin involucrar un código externo o cuál es la mejor manera de lograrlo?
Leí acerca de una extensión heredada llamada "TableTools" que debería facilitar esto, pero parece estar en desuso desde hace mucho tiempo.