Draw some fake cells at the end of a <table> according to the dimensions of the existing cells.

API

Have a DOM such as :

<div id="container">
	<table id="table" cellspacing="0">
	  <thead>
	      <tr>
	          <th>Country</th>
	          <th>Company</th>
	          <th>Phone</th>
	          <th>Id</th>
	      </tr>
	  </thead>
	  <tbody>
	      <tr>
	          <td>Congo, the Democratic Republic of the</td>
	          <td>Sociis Natoque Institute</td>
	          <td>04 26 51 32 21</td>
	          <td>BA6824E0-527E-F99E-9A5F-7BBDA3E3A679</td>
	      </tr>
	    	...
	  </tbody>
	</table>
</div>

When you call :

import fakeCells from 'fake-cells';

fakeCells({
	containerId: '#container',
	tableId: '#table'
});

That will happen a <canvas> after the <table> that will simulate fake cells at the end of the table. (instead of having empties <tr><td>)

Example

cd examples/simple
npm install
npm run start

Go to http://localhost:3000.

Commands

Lifecycle scripts included in fake-cells:
  test
    karma start
  prepublish
    npm run lint && npm run test && npm run clean && npm run build && npm run build:umd

available via `npm run-script`:
  clean
    rimraf lib dist
  build
    babel src --out-dir lib
  build:umd
    webpack src/index.js dist/fake-cells.js && set NODE_ENV=production&& webpack src/index.js dist/fake-cells.min.js
  lint
    eslint src test examples
  test:watch
    karma start --no-single-run --auto-watch

Coverage reports (from test) are generated in coverage/.