1 <head_merge>

     2   <script id="jquery.dataTables" type="text/javascript" src="/jquery/js/jquery.dataTables.js"></script>

     3   <script type="text/javascript" src="/jquery/js/dataTables.dateFormat.js"></script>

     4   <script type="text/javascript" src="/jquery/js/jquery.dataTables_bootstrap.js"></script>

     5   <script id="datatables-defaults"></script>

     6   <link rel="stylesheet" href="/jquery/css/jquery.dataTables.css" type="text/css" media="screen, projection"/>

     7   <link rel="stylesheet" href="/jquery/css/jquery.dataTables_bootstrap.css" type="text/css" media="screen, projection"/>

     8   <script type="text/javascript">

     9     /* Grid layout w.r.t. Bootstrap. */

    10     $.extend( $.fn.dataTableExt.oStdClasses, {

    11       "sDom": "<'row'<'span6'l><'span6'f>r>t<'row'<'span6'i><'span6'p>>",

    12     });

    13 

    14     $(document).ready(function() {

    15       $('.datatable').dataTable();

    16     })

    17   </script>

    18 

    19 </head_merge>