b-cells
B-cells is a component for rendering big data
Demo
Get Starting
Define CellsModel
1.Init CellsModel
var cellsModel = ;
2.Init Header
var header = height:50 // define header height minHeight:100// define min height of header fields: ; // Define header field var field = name:'' // define column header name width:'' // define width absolute width,or relative width,eg 200px or 20% minWidth:''// define min width of column maxWidth:'' //render:Function define render function style: backgroundColor:'' // define background color ; headerfields;
2.Init Rows
var rows = ; // Define row var row = height:'10%'// define row height minHeight:'100px' ; // define row fields var fields = ; fields; rowfields = fields; rows;
3.Append header and rows to cellsModel
cellsModelheader = header; cellsModelrows = rows;
4.Init Cells
var tableCell = cellsModel1 renderTo:'#table1'// dom selector rowResize:true // if row resizable colResize:true // if column resizable scrollY:true // if scroll Y scrollX:false // if scroll X customScroll:null // use default scrollbar if null /* { width:12,height:13,hTrackColor:'', hScrollColor:'', vTrackColor:'', vScrollColor:'', autoHideX:true, autoHideY:true, timeout:1300 } */ ;
5.Render cells
tableCell;
6.Cells Event
- Click Event (triggered when click cells area)
tableCell
- Cells click Event (triggered when click a cell)
tableCell;
- Scroll event (triggered when scrolling)
tableCell;