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 vykazyMesiceOLD =  { 
  '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 vykazyMesice =  [
        { 
            label:"leden - 01",
            value:"01",
        },
        {
            label:"únor - 02",
            value:"02",
        },
        {
            label:"březen - 03",
            value:"03",
        },
        {
            label:"duben - 04",
            value:"04",
        },
        {
            label:"květen - 05",
            value:"05",
        },
        {
            label:"červen - 06",
            value:"06",
        },
        {
            label:"červenec - 07",
            value:"07",
        },
        {
            label:"srpen - 08",
            value:"08",
        },
        {
            label:"září - 09",
            value:"09",
        },
        {
            label:"říjen - 10",
            value:"10",
        },
        {
            label:"listopad - 11",
            value:"11",
        },
        {
            label:"prosinec - 12",
            value:"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)