X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6a7e4474cba9d8be4b2ec445e10f1691f7277c50..f562e4c6e5fac7bcb445985b99acbea4d706e6f0:/examples/grid/array-grid.html diff --git a/examples/grid/array-grid.html b/examples/grid/array-grid.html index 4dc30f6c..a717113d 100644 --- a/examples/grid/array-grid.html +++ b/examples/grid/array-grid.html @@ -1,37 +1,46 @@ + Stateful Array Grid Example - - - - - + + - - - - - - - - - - - + /* shared styles for the ActionColumn icons */ + .x-action-col-cell img { + height: 16px; + width: 16px; + cursor: pointer; + } + /* custom icon for the "buy" ActionColumn icon */ + .x-action-col-cell img.buy-col { + background-image: url(../shared/icons/fam/accept.png); + } + /* custom icon for the "alert" ActionColumn icon */ + .x-action-col-cell img.alert-col { + background-image: url(../shared/icons/fam/error.png); + } - + .x-ie6 .x-action-col-cell img.buy-col { + background-image: url(../shared/icons/fam/accept.gif); + } + .x-ie6.x-action-col-cell img.alert-col { + background-image: url(../shared/icons/fam/error.gif); + } - + .x-ie6 .x-action-col-cell img { + position:relative; + top:-1px; + } + -

Stateful Array Grid Example

@@ -39,7 +48,6 @@

The grid is stateful so you can move or hide columns, reload the page, and come back to the grid in the same state you left it in.

Note that the js is not minified so it is readable. See array-grid.js.

-
\ No newline at end of file