Vanilla Table

npm i
npm start

And navigate to localhost:9001

This is a little work with Vanilla, and emacscript 2016.

One must, is no use third party library of notbody( even my loved lodash, or jquey, or any).

Two must, is to make the components, pieces functionalities. The more sparately between.

There is this proxys:

• draw:thead: this is called before thead is added to table DOM.
• draw:thead:th: this is called before each th into thead is added to table DOM.
• draw:table: this is called at the end generated and appended table.

Now you can inject to header, a search, using the resource input.search. Using the proxy, at the position "header:draw:td", you got full access to the th ->td.

	.proxy('draw:thead', function(elm){
      let _this = this;
      let tr = document.createElement('tr'),
      td = document.createElement('td');
      tr.appendChild(td);
      for(let i=1; i<HEADER.length; i++){
        td = document.createElement('td');
        td.innerHTML = HEADER[i].name;
        tr.appendChild(td);
        Search(td)
          .onFilter(function(e){
            let results =  [...data];
            _this.data(onSearched.apply(this, [results, e]));
          })
          .create('change');
      }
      elm.appendChild(tr);
    })

This try to make a table, with :

• sorted
• search
• pagination
• ...