title: How to get all row values tabulator?
body: <p>I have editable table using tabulator.</p>
  
  <p>Everything is ok, but the problem is I can't get all row value when click "save button"</p>
  
  <p>What I'm trying is:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function() {
  var tabledata = [
    {id:1, name:"Oli Bob", age:"12", col:"red", dob:""},
    {id:2, name:"Mary May", age:"1", col:"blue", dob:"14/05/1982"},
    {id:3, name:"Christine Lobowski", age:"42", col:"green", dob:"22/05/1982"},
    {id:4, name:"Brendon Philips", age:"125", col:"orange", dob:"01/08/1980"},
    {id:5, name:"Margret Marmajuke", age:"16", col:"yellow", dob:"31/01/1999"},
   ];
   
  var table = new Tabulator("#example-table", {
    height:205,
    data:tabledata,
    layout:"fitColumns",
    columns:[
     {title:"Name", field:"name", width:150},
     {title:"Age", field:"age", visible: false},
     {title:"Favourite Color", field:"col"},
     {title:"Date Of Birth", field:"dob", sorter:"date", align:"center"},
    ],
    footerElement:"&lt;button id='save' class='pull-left' title='Save'&gt;Save&lt;/button&gt; ",
  });
  
   $(document).on("click", "#save", function(){
     /* var data = $("#example-table").tabulator("getData"); */
     var data = $('#example-table').getData();
          console.log('save clicked');
   });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;link href="https://unpkg.com/tabulator-tables@4.1.4/dist/css/tabulator.min.css" rel="stylesheet"&gt;
  &lt;script type="text/javascript" src="https://unpkg.com/tabulator-tables@4.1.4/dist/js/tabulator.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tabulator/4.1.5/js/jquery_wrapper.js"&gt;&lt;/script&gt;
  
  
  &lt;div id="example-table"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>When running it shows error </p>
  
  <blockquote>
    <p>TypeError: $.widget is not a function</p>
  </blockquote>
  
  <p>When I try using:</p>
  
  <pre><code>var data = $("#example-table").tabulator("getData");
  </code></pre>
  
  <p>I get this error:</p>
  
  <blockquote>
    <p>TypeError: $(...).tabulator is not a function</p>
  </blockquote>
  
  <p>when using: </p>
  
  <pre><code>var data = $('#example-table').getData();
  </code></pre>
  
  <p>the error is:</p>
  
  <blockquote>
    <p>TypeError: $(...).getData is not a function</p>
  </blockquote>
  
  <p>When I try to define the table using this method:</p>
  
  <pre><code>$("#example-table").tabulator({ //table setup options });
  </code></pre>
  
  <p>it's not showing anything (blank).</p>
  
  <p>Can someone tell me what's wrong? Or give me the reference how to get all row values?</p>
  
  <p>You can try in jsfiddle too, check <a href="http://jsfiddle.net/dianeryanto/fytghe7s/" rel="noreferrer">here</a></p>