--- a/src/main/scala/net/tz/lift/snippet/DataTable.scala	Thu Apr 12 10:52:18 2012 +0200
+++ b/src/main/scala/net/tz/lift/snippet/DataTable.scala	Thu Apr 12 10:52:40 2012 +0200
@@ -27,7 +27,7 @@
   def apply(in: NodeSeq): NodeSeq = Templates(
     List("templates-hidden", "datatable")) map { xml =>
     (".field-name *" #> cols &
-    ".row *" #> cells.map { vals => "td *" #> vals })(xml)
+    ".r" #> cells.map { vals => "td *" #> vals })(xml)
   } openOr NodeSeq.Empty
 }
 

--- a/src/main/webapp/templates-hidden/datatable.html	Thu Apr 12 10:52:18 2012 +0200
+++ b/src/main/webapp/templates-hidden/datatable.html	Thu Apr 12 10:52:40 2012 +0200
@@ -1,11 +1,11 @@
-<table class="list datatable">
+<table class="table table-striped table-bordered table-condensed datatable">
   <thead>
     <tr>
       <th class="field-name">Field Name</th>
     </tr>
   </thead>
   <tbody>
-    <tr class="row">
+    <tr class="r">
       <td>Cell value</td>
     </tr>
   </tbody>

--- a/src/main/webapp/templates-hidden/default.html	Thu Apr 12 10:52:18 2012 +0200
+++ b/src/main/webapp/templates-hidden/default.html	Thu Apr 12 10:52:40 2012 +0200
@@ -10,8 +10,13 @@
     <script id="jquery" src="/classpath/jquery.js" type="text/javascript"></script>
     <script id="jquery.dataTables" src="/js/jquery.dataTables.js" type="text/javascript"></script>
     <script type="text/javascript">
+      $.extend($.fn.dataTableExt.oStdClasses, {
+        "sWrapper": "dataTables_wrapper form-inline"
+      });
       $(document).ready(function() {
-        $('.datatable').dataTable();
+        $('.datatable').dataTable({
+          "sDom": "<'row'<'span6'l><'span6'f>r>t<'row'<'span6'i><'span6'p>>"
+        });
       })
     </script>
     <link type="text/css" href="/css/base.css" rel="stylesheet" />