view_table.md

title	layout	section
Table View	default	view

Table View

The Table view is possibly the most complex view in Bolt. It is a highly performant infinite scrolling widget which utilises progressive rendering and CSS transforms to scroll quickly through any amount of data.

{% highlight javascript %} // implement the table delegate protocol var tableDelegate = (function() { return {

sectionHeaderAtIndex: function() {
  return null;
},

heightForSectionHeader: function(section) {
  return 0;
},

heightForRowInSection: function(row, section) {
  return 51;
},

numberOfSections: function() {
  return 1;
},

numberOfRowsInSection: function() {
  return 100000;
},

cellForRowInSection: function(row, section) {
  return buildRandomRow(row)
},

}; })();

// configure a table with our delegate var table = require('builder').build({ height: '480px', width: '320px', style: { background: '#ccc' } }, tableDelegate).placeIn(document.getElementById('example')); table.refresh(); {% endhighlight %}