Tabulator month autocomplete

by radek

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tabulator/5.0.10/css/tabulator.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/tabulator/5.0.10/js/tabulator.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tabulator/5.0.10/css/tabulator_materialize.min.css" />

<div id="example-table"></div>

JavaScript

var vykazyMesice =  { 
  '01': "leden - 01",
  '02': "únor - 02",
  '03': "březen - 03",
  '04': "duben - 04",
  '05': "květen - 05",
  '06': "červen - 06",
  '07': "červenec - 07",
  '08': "srpen - 08",
  '09': "září - 09",
  '10': "říjen - 10",
  '11': "lispopad - 11",
  '12': "prosinec - 12",
  }  

var initialData = {id:"1","vykazyMesicneMesic":"02"}



var table = new Tabulator("#example-table", {
    data:[initialData],
    columns:[
        {title:"ID", field:"id"},
        {title:"Měsíc", field:"vykazyMesicneMesic",  responsive:1,editor:"autocomplete", 
             editorParams:{
               allowEmpty:false, 
              showListOnEmpty:true, 
sortValuesList:"asc",
              values:vykazyMesice,  
            },},
    ],
})
console.log(vykazyMesice)