title: Tabulator - ajax, how to restore table header persistence
body: <p>I'm trying to restore table header order from local storage, but it doesn't work for a header from ajax response.</p>
  
  <pre><code>var table = new Tabulator("#example-table", {
          placeholder: "No Data Available", //display message to user on empty table
          movableColumns: true, //enable user movable columns
          persistence: {
              columns: true,
          },
          ajaxURL: "/ajax/showall", //ajax URL
          persistenceWriterFunc: function (id, type, data) {
              //id - tables persistence id
              //type - type of data being persisted ("sort", "filter", "group", "page" or "columns")
              //data - array or object of data                
  
              if (Array.isArray(data) &amp;&amp; data.length) {
                  // array does not exist, is not an array, or is empty
                  // ⇒ do not attempt to process array
                  console.log('do not save empty array');
                  localStorage.setItem(id + "-" + type, JSON.stringify(data));
              };
          },
          persistenceReaderFunc: function (id, type) {
              //id - tables persistence id
              //type - type of data being persisted ("sort", "filter", "group", "page" or "columns")                
              return data ? JSON.parse(data) : false;
          },
  
          ajaxResponse: function (url, params, response) {
              this.setColumns(response.header);
              return response.data;
          }
      });
  </code></pre>
  
  <p>Is there some way to do this?
  I was trying to use <code>tableBuilding: function()</code> etc, but nothing works.
  I don't want to send ajax query just to get a table header.</p>