...
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 {code} |
and
...
then
...
in
...
your
...
css
...
put
...
something
...
like:
| Code Block |
|---|
} #myGridID .slick-header-columns { display: none; } {code} h3. How to add css class to the grid |
How to add css class to the grid header
In grid columns definition add:
| Code Block |
|---|
header In grid columns definition add: {code} headerCssClass: 'ccsClass1 cssClass2' {code} h3. 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 |
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)