title: How to show label value in cell dropdown instead of stored value?
body: <p>I'm using Tabulator.js to create an interactive table. I have a dropdown cell (editor type: select) and have found out how to show different labels when selecting from the list (instructions can be found <a href="http://tabulator.info/docs/4.2/edit#edit-builtin" rel="noreferrer">here</a>, the third way).</p>
  
  <p>When I select something, the stored value is shown, but not the label (which is shown when you click on the list). I'd like the stored value to be the ID from the database, and I don't want the user to see it at all, just the label text.</p>
  
  <p>Here is some example code:</p>
  
  <pre class="lang-js prettyprint-override"><code>var table = new Tabulator("#example-table", {
      data:tabledata,           //load row data from array
      layout:"fitColumns",      //fit columns to width of table
      responsiveLayout:"hide",  //hide columns that dont fit on the table
      tooltips:true,            //show tool tips on cells
      addRowPos:"top",          //when adding a new row, add it to the top of the table
      history:true,             //allow undo and redo actions on the table
      pagination:"local",       //paginate the data
      paginationSize:7,         //allow 7 rows per page of data
      movableColumns:true,      //allow column order to be changed
      resizableRows:true,       //allow row order to be changed
      initialSort:[             //set the initial sort order of the data
          {column:"name", dir:"asc"},
      ],
      columns:[                 //define the table columns
          {title:"Name", field:"name", editor:"select", editorParams:{
      values:{
          "steve":"Steve Boberson",
          "bob":"Bob Jimmerson",
          "jim":"Jim Stevenson",
      }
  }},
      ],
  });
  </code></pre>