diff --git a/addons/web_kanban/static/src/css/kanban.css b/addons/web_kanban/static/src/css/kanban.css
index afac6cdef47..1497044b807 100644
--- a/addons/web_kanban/static/src/css/kanban.css
+++ b/addons/web_kanban/static/src/css/kanban.css
@@ -2,18 +2,25 @@
     float: left;
     width: 100%;
 }
-
 .openerp .oe_kanban_view .ui-sortable-placeholder {
     border: 1px dotted black;
     visibility: visible !important;
     height: 60px !important;
 }
-
+.oe_kanban_row {
+    overflow:hidden;
+}
+.oe_table_column {
+    float:left;
+}
 .openerp .oe_kanban_view .oe_column_heading {
     color: #000000;
     font-size: 1.5em;
     font-weight: bold;
 }
+.openerp .oe_kanban_view {
+    overflow:hidden;
+}
 .openerp .oe_kanban_action_button {
     height: 22px;
     margin: 0;
diff --git a/addons/web_kanban/static/src/js/kanban.js b/addons/web_kanban/static/src/js/kanban.js
index 424518b92d8..db9473b4ff5 100644
--- a/addons/web_kanban/static/src/js/kanban.js
+++ b/addons/web_kanban/static/src/js/kanban.js
@@ -19,6 +19,7 @@ openerp.web_kanban.KanbanView = openerp.web.View.extend({
         this.groups = [];
         this.qweb = new QWeb2.Engine();
         this.NO_OF_COLUMNS = 2;
+        this.DISPLAY_COLUMNS = 3;
         if (this.options.action_views_ids.form) {
             this.form_dialog = new openerp.web.FormDialog(this, {}, this.options.action_views_ids.form, dataset).start();
             this.form_dialog.on_form_dialog_saved.add_last(this.on_record_saved);
@@ -151,6 +152,18 @@ openerp.web_kanban.KanbanView = openerp.web.View.extend({
         });
         this.$element.find(".oe_column").disableSelection()
         this.$element.find('button.oe_kanban_button_new').click(this.do_add_record);
+        var column_width = 100 / (this.all_display_data).length;
+        var row_width = column_width * (this.all_display_data).length * this.DISPLAY_COLUMNS;
+        self.$element.find(".oe_table_column" ).css("width", column_width +"%");
+        self.$element.find(".oe_kanban_row" ).css("width", row_width +"%");
+        this.$element.find('#next-column').click(function(event) {
+            event.preventDefault();
+            self.$element.find('.oe_kanban_view').animate({"scrollLeft" : "+=" + self.$element.find('.oe_column').width()}, 'slow');
+        });
+        this.$element.find('#previous-column').click(function(event) {
+            event.preventDefault();
+            self.$element.find('.oe_kanban_view').animate({scrollLeft:'-=' + self.$element.find('.oe_column').width()  }, 'slow');
+        });
     },
     do_record_group: function() {
         if (this.NO_OF_COLUMNS) {
diff --git a/addons/web_kanban/static/src/xml/web_kanban.xml b/addons/web_kanban/static/src/xml/web_kanban.xml
index aa7bc73190d..b48333e6df4 100644
--- a/addons/web_kanban/static/src/xml/web_kanban.xml
+++ b/addons/web_kanban/static/src/xml/web_kanban.xml
@@ -1,26 +1,28 @@
 <template>
 <t t-name="KanbanView">
-    <table style="width:100%;" class="oe_kanban_view">
-    <tr>
-        <td>
+    <div>
+        <div>
             <div class="oe_form_header">
                 <button type="button" class="oe_kanban_button_new">New</button>
+                <a id="previous-column" href="#">Previous</a>
+                <a id="next-column" href="#">Next</a>
             </div>
-        </td>
-    </tr>
-    <tr>
-        <td t-foreach="data" t-as="columns" class="oe_table_column oe_column_heading" t-att-id="'column_' + columns.value">
-            <t t-if="columns.value" t-esc="columns.header"/>
-        </td>
-    </tr>
-    <tr>
-        <td t-foreach="data" t-as="columns" class="oe_table_column" t-att-id="'column_' + columns.value" t-attf-style="width: #{Math.round(99 / data.length)}%">
-            <div class="oe_column" t-att-id="'column_' + columns.value">
-                <div t-foreach="columns.records" t-as="record" class="oe_kanban_record" t-att-id="'main_' + record.id"/>
+        </div>
+    </div>
+    <div style="width:100%;" class="oe_kanban_view">
+        <div  class="oe_kanban_row">
+            <div t-foreach="data" t-as="columns" class="oe_table_column oe_column_heading" t-att-id="'column_' + columns.value">
+                <t t-if="columns.value" t-esc="columns.header"/>
             </div>
-        </td>
-    </tr>
-    </table>
+        </div>
+        <div  class="oe_kanban_row">
+            <div t-foreach="data" t-as="columns" class="oe_table_column" t-att-id="'column_' + columns.value">
+                <div class="oe_column" t-att-id="'column_' + columns.value">
+                    <div t-foreach="columns.records" t-as="record" class="oe_kanban_record" t-att-id="'main_' + record.id"/>
+                </div>
+            </div>
+        </div>
+    </div>
 </t>
 <t t-name="KanbanColorPicker">
     <table cellspacing="0" cellpadding="0" border="0" class="oe_kanban_color_picker">