title: put two or more buttons in one column in Tabolator Javascript lib
body: <p>as title i want to make a column like this</p>
  <p><a href="https://i.stack.imgur.com/TgSgh.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TgSgh.jpg" alt="enter image description here" /></a></p>
  <p>if i press editBt,
  editBt and delBt will change to updateBt and cancelBt in the same column
  and the row will be editable</p>
  <p>if press or updateBt or cancelBt,
  updateBt and cancelBt will change back to editBt and delBt
  and the row will be readonly</p>
  <p>i've been told by some way to do it like:</p>
  <pre class="lang-js prettyprint-override"><code>
  {
      title : &quot;&quot;,
      field : &quot;functionButton&quot;,
      width : 100,
      visible : true,
      formatter : function(cell) {
              return '&lt;button type=&quot;button&quot; class=&quot;btn-edit&quot; onclick=&quot;editRow(this); return false;&quot;&gt;editBt&lt;/button&gt;'
                   + '&lt;button type=&quot;button&quot; class=&quot;btn-del&quot; onclick=&quot;delRow(this); return false;&quot;&gt;delBt&lt;/button&gt;' 
                   + '&lt;button type=&quot;button&quot; class=&quot;btn-update&quot; onclick=&quot;updateRow(this); return false;&quot;&gt;updateBt&lt;/button&gt;'
                   + '&lt;button type=&quot;button&quot; class=&quot;btn-cancel&quot; onclick=&quot;cancelRow(this); return false;&quot;&gt;cancelBt&lt;/button&gt;'
      }
  },
  
  </code></pre>
  <p>but then i cant use functions lib provided (editable row)</p>
  <p>is there any way to do this or alternative one?</p>