Fix #27: add class column option.

docs/examples.html

@@ -187,9 +187,9 @@
                     <table id="table-style" data-toggle="table" data-url="data1.json" data-height="246" data-row-style="rowStyle">
                         <thead>
                         <tr>
-                            <th data-field="id">Item ID</th>
-                            <th data-field="name">Item Name</th>
-                            <th data-field="price">Item Price</th>
+                            <th data-field="id" class="col-md-2">Item ID</th>
+                            <th data-field="name" class="col-md-6">Item Name</th>
+                            <th data-field="price" class="col-md-4">Item Price</th>
                         </tr>
                         </thead>
                     </table>

src/bootstrap-table.js

@@ -121,6 +121,7 @@
         checkbox: false,
         field: undefined,
         title: undefined,
+        class: undefined,
         align: undefined, // left, right, center
         valign: undefined, // top, middle, bottom
         width: undefined,
@@ -195,7 +196,8 @@
         }
         this.$header.find('th').each(function() {
             var column = $.extend({}, {
-                    title: $(this).text()
+                    title: $(this).text(),
+                    class: $(this).attr('class')
                 }, $(this).data());
 
             columns.push(column);
@@ -231,7 +233,8 @@
             style += column.sortable ? 'cursor: pointer; ' : '';
 
             html.push('<th',
-                column.checkbox || column.radio ? ' class="bs-checkbox"' : '',
+                column.checkbox || column.radio ? ' class="bs-checkbox"' :
+                sprintf(' class="%s"', column.class),
                 sprintf(' style="%s"', style),
                 '>');
             html.push('<div class="th-inner">');