diff --git a/dist/jquery.bootgrid.js b/dist/jquery.bootgrid.js
index 469cc6a..1e403cb 100644
--- a/dist/jquery.bootgrid.js
+++ b/dist/jquery.bootgrid.js
@@ -127,7 +127,8 @@
                     sortable: !(data.sortable === false), // default: true
                     visible: !(data.visible === false), // default: true
                     width: ($.isNumeric(data.width)) ? data.width + "px" : 
-                        (typeof(data.width) === "string") ? data.width : null
+                        (typeof(data.width) === "string") ? data.width : null,
+                    colspan: ($.isNumeric(data.colspan) == false) ? 1 : data.colspan
                 };
             that.columns.push(column);
             if (column.order != null)
@@ -624,7 +625,8 @@
                             content: (value == null || value === "") ? " " : value,
                             css: ((column.align === "right") ? css.right : (column.align === "center") ?
                                 css.center : css.left) + cssClass,
-                            style: (column.width == null) ? "" : "width:" + column.width + ";" }));
+                            style: (column.width == null) ? "" : "width:" + column.width + ";",
+                            colspan: column.colspan }));
                     }
                 });
 
@@ -785,7 +787,8 @@
                     column: column, icon: icon, sortable: sorting && column.sortable && css.sortable || "",
                     css: ((align === "right") ? css.right : (align === "center") ?
                         css.center : css.left) + cssClass,
-                    style: (column.width == null) ? "" : "width:" + column.width + ";" }));
+                    style: (column.width == null) ? "" : "width:" + column.width + ";" ,
+                    colspan: column.colspan}));
             }
         });
 
@@ -1355,10 +1358,10 @@
             actionDropDownCheckboxItem: "<li><label class=\"{{css.dropDownItem}}\"><input name=\"{{ctx.name}}\" type=\"checkbox\" value=\"1\" class=\"{{css.dropDownItemCheckbox}}\" {{ctx.checked}} /> {{ctx.label}}</label></li>",
             actions: "<div class=\"{{css.actions}}\"></div>",
             body: "<tbody></tbody>",
-            cell: "<td class=\"{{ctx.css}}\" style=\"{{ctx.style}}\">{{ctx.content}}</td>",
+            cell: "<td colspan=\"{{ctx.colspan}}\" class=\"{{ctx.css}}\" style=\"{{ctx.style}}\">{{ctx.content}}</td>",
             footer: "<div id=\"{{ctx.id}}\" class=\"{{css.footer}}\"><div class=\"row\"><div class=\"col-sm-6\"><p class=\"{{css.pagination}}\"></p></div><div class=\"col-sm-6 infoBar\"><p class=\"{{css.infos}}\"></p></div></div></div>",
             header: "<div id=\"{{ctx.id}}\" class=\"{{css.header}}\"><div class=\"row\"><div class=\"col-sm-12 actionBar\"><p class=\"{{css.search}}\"></p><p class=\"{{css.actions}}\"></p></div></div></div>",
-            headerCell: "<th data-column-id=\"{{ctx.column.id}}\" class=\"{{ctx.css}}\" style=\"{{ctx.style}}\"><a href=\"javascript:void(0);\" class=\"{{css.columnHeaderAnchor}} {{ctx.sortable}}\"><span class=\"{{css.columnHeaderText}}\">{{ctx.column.text}}</span>{{ctx.icon}}</a></th>",
+            headerCell: "<th colspan=\"{{ctx.colspan}}\" data-column-id=\"{{ctx.column.id}}\" class=\"{{ctx.css}}\" style=\"{{ctx.style}}\"><a href=\"javascript:void(0);\" class=\"{{css.columnHeaderAnchor}} {{ctx.sortable}}\"><span class=\"{{css.columnHeaderText}}\">{{ctx.column.text}}</span>{{ctx.icon}}</a></th>",
             icon: "<span class=\"{{css.icon}} {{ctx.iconCss}}\"></span>",
             infos: "<div class=\"{{css.infos}}\">{{lbl.infos}}</div>",
             loading: "<tr><td colspan=\"{{ctx.columns}}\" class=\"loading\">{{lbl.loading}}</td></tr>",
@@ -2034,4 +2037,4 @@
     // ============
 
 $("[data-toggle=\"bootgrid\"]").bootgrid();
-})(jQuery, window);
\ No newline at end of file
+})(jQuery, window);