<head_merge>
  <script id="jquery.dataTables" type="text/javascript" src="/jquery/js/jquery.dataTables.js"></script>
  <script type="text/javascript" src="/jquery/js/dataTables.dateFormat.js"></script>
  <script type="text/javascript" src="/jquery/js/jquery.dataTables_bootstrap.js"></script>
  <script id="datatables-defaults"></script>
  <link rel="stylesheet" href="/jquery/css/jquery.dataTables.css" type="text/css" media="screen, projection"/>
  <link rel="stylesheet" href="/jquery/css/jquery.dataTables_bootstrap.css" type="text/css" media="screen, projection"/>
  <script type="text/javascript">
    /* Grid layout w.r.t. Bootstrap. */
    $.extend( $.fn.dataTableExt.oStdClasses, {
      "sDom": "<'row'<'span6'l><'span6'f>r>t<'row'<'span6'i><'span6'p>>",
    });

    $(document).ready(function() {
      $('.datatable').dataTable();
    })
  </script>

</head_merge>