diff --git a/composer/schema/grid/grid_macros.pt b/composer/schema/grid/grid_macros.pt
index 751e627..aaf16f7 100755
--- a/composer/schema/grid/grid_macros.pt
+++ b/composer/schema/grid/grid_macros.pt
@@ -42,37 +42,43 @@
              tal:define="fieldInstance python: field.getFieldInstance(view.instance);
                          columns fieldInstance/columnTypes;
                          rows data/?name">
-    <table class="records">
+    <table class="records" style="width: auto">
       <thead>
         <tr>
           <tal:header repeat="column columns">
-            <th tal:attributes="field column/name;"
+            <th tal:attributes="class string:${column/baseField/cssClass|string:}"
                 tal:content="column/title">Column Title</th>
           </tal:header>
         </tr>
       </thead>
       <tbody tal:attributes="id string:tbody.$name">
         <tr tal:repeat="row rows">
-          <td tal:repeat="column columns">
-            <input type="text"
+          <td tal:repeat="column columns"
+              tal:attributes="class string:${column/baseField/cssClass|string:}">
+            <input type="text" style="width: auto"
                    tal:define="cname column/name"
                    tal:attributes="value row/?cname;
-                                   name string:$name.$cname:records;" /></td>
+                                   name string:$name.$cname:records;
+                                   style string:width: ${column/baseField/width|string:auto};" /></td>
         </tr>
         <tal:empty condition="python: not field.cardinality
                                         or field.cardinality > len(rows)">
           <tr>
-            <td tal:repeat="column columns">
+            <td tal:repeat="column columns"
+                tal:attributes="class string:${column/baseField/cssClass|string:}">
               <input type="text"
                      tal:define="cname column/name"
-                     tal:attributes="name string:$name.$cname:records" /></td>
+                     tal:attributes="name string:$name.$cname:records;
+                                     style string:width: ${column/baseField/width|string:auto};" /></td>
           </tr>
           <tr style="display: none"
               tal:attributes="id string:$name.empty">
-            <td tal:repeat="column columns">
-              <input type="text"
+            <td tal:repeat="column columns"
+                tal:attributes="class string:${column/baseField/cssClass|string:}">
+              <input type="text" style="width: auto"
                      tal:define="cname column/name"
-                     tal:attributes="name string:$name.$cname:records" /></td>
+                     tal:attributes="name string:$name.$cname:records;
+                                     style string:width: ${column/baseField/width|string:auto};" /></td>
           </tr>
         </tal:empty>
       </tbody>
diff --git a/composer/schema/grid/interfaces.py b/composer/schema/grid/interfaces.py
index b653d42..1979be0 100644
--- a/composer/schema/grid/interfaces.py
+++ b/composer/schema/grid/interfaces.py
@@ -46,6 +46,7 @@ class Records(Grid):
     __typeInfo__ = ('records',
                     FieldType('records', 'records',
                               u'A series of records or rows.',
+                              displayRenderer='display_records',
                               instanceName='records',))