GraffitiWebGridColumn
GraffitiWebGridRow

Column sorting is controlled per-column. To disable column sorting you must set the Sortable property of your GraffitiWebGridColumn instance to False:

dim newColumn as new GraffitiWebGridColumn( "columnID", "Column Text", "columnField" )
newColumn.Sortable = False
me.AddHeader( newColumn )

If you don't want all cells to be editable, you should set the Editable property of the GraffitiWebGrid instance to True, the AutoEdit property to false, then use logic in the CellClick event (or elsewhere) to trigger the Edit.

For using column indices:

Sub CellClick(Row as Integer, Column as Integer) Handles CellClick
  If Column = 1 Then me.EditActiveCell
End Sub

For using column fields or other properties:

Sub CellClick(Row as GraffitiWebGridRow, Column as GraffitiWebGridColumn, pageX as Integer, pageY as Integer) Handles CellClick
    if Column.ID = "columnFieldValue" then me.EditActiveCell()
End Sub

For GraffitiWebGrid 2.0, much of the functionality for manipulating Column properties has been moved from the GraffitiWebGrid class to GraffitiWebGridColumns. This allows you to do things like:

dim colorColumn as GraffitiWebGridColumn = gridInstance.Column( "colorval" ).Visible = False

As withe Column Direct Modification above, Rows are implemented in the same fashion, allowing:

dim colorColumn as GraffitiWebGridColumn = gridInstance.Column( "colorval" )
dim rowZero as GraffitiWebGridColumn = gridInstance.Row( 0 )
rowZero.Cell( colorColumn ) = RGB( 0, 0, 0 )

When applying WebStyles to your grid elements, you must remember that header style dimensions must match cell style dimensions. For example, if you are using a WebStyle for your grid's cells that has a border-left value of 1px, your header cell WebStyle must match this. Failure to do this will result in headers and columns not lining up correctly in the display. Remember that borders may be a transparent color if you do not wish to display a border on one of these two elements.

This also applies to other dimension-altering properties like margins and padding.

Tree children are independent rows, and will be sorted as such. At the time of this writing (R27) sorting should, in most scenarios, be disabled on Tree grids.

If you use hidden columns in the grid, you must set their Resizeable property to False. Failure to do so will result in header-column resizing that doesn't match row-column resizing.

Make sure that your row data matches up to your column IDs.

Make sure that none of your column definitions uses id as the column ID. This is used internally to track the rows, and will cause problems. Alternatively, use something like myID or rowID. Other strings to avoid are:

• name
• field
• editor
• formatter
• sorter
• focusable
• minWidth
• resizable
• selectable
• cssClass
• headerCssClass
• toolTip
• _decimalPlaces
• _decimalPlacesMin
• _nilDateOverride