Yolo ça marche

assets/lib/doodle/css/doodle.css

@@ -3,7 +3,6 @@
 table {
     border-collapse:collapse;
     width: 100%;
-    table-layout: fixed;
     font-family: 'Roboto', sans-serif;
 }
 
@@ -13,6 +12,7 @@ table thead tr th{
     font-family: Roboto, sans-serif;
     font-weight: 400;
     font-size: 14px;
+    border-bottom: 1px solid #f3f3f3 !important;
 }
 
 table thead tr th:nth-child(2) {
@@ -44,19 +44,25 @@ table tr td:first-child {
 }
 
 table thead tr th {
-    border-top: none;
+    border-top: none !important;
     border-left: none;
     border-right: none;
 }
 
+table tbody tr td:first-child {
+    min-width: 90px;
+}
+
 table tbody tr td {
     color: #6d5cae;
-    padding: 0;
+    padding: 0 !important;
     line-height: 1.2;
     text-transform: uppercase;
     font-size: 12px;
     min-height: 50px;
+    min-width: 80px;
     height: 50px;
+    vertical-align: middle !important;
 }
 
 tr:nth-child(2n) {
@@ -167,4 +173,10 @@ label.label_input{
 
 /*******************************************************
  ***********************END INPUT***********************
- *******************************************************/
\ No newline at end of file
+ *******************************************************/
+
+@media screen and (min-width: 768px){
+    table{
+        table-layout: fixed;
+    }
+}
\ No newline at end of file

index.html

@@ -60,7 +60,11 @@
     <!-- Example row of columns -->
     <div class="row">
         <div class="col-md-12">
-            <div class="doodle" data-json="json/data.json"></div>
+            <!--<div class="doodle table-responsive"></div>
+            <input type="hidden" id="inputVal" value='{"19/01/2018":["10","11","12"],"20/01/2018":["10","11","12"],"21/01/2018":["10","11","12"],"22/01/2018":["10","11","12"],"23/01/2018":["10","11","12"],"24/01/2018":["10","11:15","12"]}'>-->
+
+            <div class="doodle table-responsive" data-json="json/data.json"></div>
+            <input type="hidden" id="inputVal" value='' />
         </div>
     </div>
 

js/app.js

 $( document ).ready(function() {
     $('.doodle').Doodle({
-        editMode: false
+        editMode: false,
+        output: '#inputVal',
+        input: '#inputVal'
     });
 });
\ No newline at end of file

json/data.json

 {
-  "19/01/2018": ["10", "11", "12", "18"],
-  "20/01/2018": ["13", "14", "15"],
-  "21/01/2018": ["10", "14", "16", "17"],
-  "24/01/2018": ["10", "15", "17"],
-  "26/01/2018": ["10", "10", "13" ,"18"],
-  "20/02/2018": ["10", "10", "13" ,"18"]
+  "19/01/2018": ["10", "11", "12"],
+  "20/01/2018": ["10", "11", "12"],
+  "21/01/2018": ["10", "11", "12"],
+  "22/01/2018": ["10", "11", "12"],
+  "23/01/2018": ["10", "11", "12"],
+  "24/01/2018": ["10", "11:15", "12"],
+  "25/01/2018": ["10", "11:15", "12", "15"]
 }
\ No newline at end of file