You must have an id=integer in every row of data for the dataview to work. Interestingly, the grid displays data without an id, but dataview won't work.
How to remove grid headers cleanly
To get rid of grid headers without adding extra white space at the bottom of the grid, add the following to the grid options:
| Code Block |
|---|
headerHeight: 0 |
and then in your css put something like:
| Code Block |
|---|
#myGridID .slick-header-columns {
display: none;
}
|
How to add css class to the grid header
In grid columns definition add:
| Code Block |
|---|
headerCssClass: 'ccsClass1 cssClass2' |
Formatter Arguments
row= row id
cell= cell id
value= cell value
columnDef Object=what it sounds like, the definition of this column
| field | "range0" |
| headerCssClass | null |
| id | "range0" |
| minWidth | 30 |
| name | "07/2012" |
| rerenderOnResize | false |
| resizable | true |
| sortable | false |
| width | 65 |
| formatter | a reference to the formatter object, ie this |
dataContext Object= the Row Object (every field in the dataView for that row)