title: Why does my slider editor not work in Vaadin 8 grid?
body: <p>I want to create a Vaadin 8 grid in which I can edit the value in the column <code>Amount (2)</code> using a slider (analogous to <a href="http://vasa.demo.vaadin.com/sampler/#ui/grids-and-trees/grid/item-editor" rel="nofollow noreferrer">this example</a>).</p>
  
  <p><a href="https://i.stack.imgur.com/DxVY1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DxVY1.png" alt="Grid"></a></p>
  
  <p>I use the following code to create the grid.</p>
  
  <pre><code>fun createGrid(): Grid&lt;Concept&gt; {
      val grid = Grid&lt;Concept&gt;()
      val dataProvider = ListDataProvider&lt;Concept&gt;(ctl.getConcepts())
      grid.dataProvider = dataProvider
      grid.addColumn(Concept::getName)
              .setId("ID")
              .setCaption("ID")
      grid.addColumn(Concept::getDescription)
              .setId("desc")
              .setCaption("Description")
      grid.addColumn(Concept::getOutput)
              .setId("amountNumber")
              .setCaption("Amount")
  
      val conceptAmountditor = Slider()
      conceptAmountditor.setWidth(100.0f, Sizeable.Unit.PERCENTAGE)
      conceptAmountditor.min = 0.0
      conceptAmountditor.max = 100.0
  
      grid.addColumn(Concept::getOutput, ProgressBarRenderer())
              .setId("amountBar")
              .setCaption("Amount (2)")
              .setEditorComponent(
                      conceptAmountditor,
                      Concept::setOutput
              )
              .setEditable(true)
  
  
      grid.setSizeFull()
      return grid
  }
  </code></pre>
  
  <p>But when I click on the individual rows, no slider appears.</p>
  
  <p>What is wrong with my code? How can I make the progress bar transform into a slider when I double click a particular row?</p>