jQuery Grid Bootstrap

Não reinvente a roda e aprimore a funcionalidade das tabelas de bootstrap sozinho. Você não precisa perder esse tempo, porque já existem muitos plugins jquery que farão isso por você. Por exemplo, você pode aprimorar cada tabela html de bootstrap facilmente com a grade jquery de gijgo.com.
No exemplo a seguir, você pode ver como habilitar a paginação e classificação para a tabela de bootstrap com poucas linhas de código.

 <table id = "grid"> </table> 

 <script> 

   var data = [ 

         {'ID': 1, 'Nome': 'Hristo Stoichkov', 'PlaceOfBirth': 'Plovdiv, Bulgária'}, 

         {'ID' : 2, 'Nome': 'Ronaldo Luis Nazario de Lima', 'PlaceOfBirth': 'Rio de Janeiro, Brasil'}, 

         {'ID': 3, 'Nome': 'David Platt', 'PlaceOfBirth': 'Chadderton , Lancashire, Inglaterra '} 

     ]; 

     $ ('# grid'). grid ({ 

         dataSource: data, 

         uiLibrary: 'bootstrap', 

         colunas: [ 

             {field: 'ID'}, 

             {field: 'Name', sortable: true},




     }); 

 </script>

</pre>

Você pode ver muitos outros exemplos de novos recursos diferentes em http://gijgo.com/grid