Great job! But one little problem...

Hi!

You did a great job! Version 2.0 works very good! Although I've got one little problem with the grid. The column headers are slightly smaller that the columns. As a result the column headers are a little bit moved horizontally compared to the columns.

This is a part of my stylesheet:

.aw-system-control {position: absolute}
    
    .aw-grid-control {height: 100%; width: 100%; margin: 0px; border: none; font: menu;}
    .aw-row-selector {text-align: center}

    .aw-grid-cell {border-right: 1px solid threedlightshadow;}
    .aw-grid-row {border-bottom: 1px solid threedlightshadow;}

I use Internet Explorer 6.0 SP2.


I've got another question: In my grid, a selection of the most important fields in my database are shown. When I click on a record, on the top of the page a form is loaded with all the fields. In that form I can edit the data. I use an AJAX script to save the data. When the saving is done, I would like to refresh only the edited record in the grid. How?

Thanks in advance!

It may happen if you are using 'standards-compliant' DOCTYPE, in this case you have to reduce cell padding to 3px. Right border + right padding should be = 4px.

To refresh one row you can call

obj.getRowTemplate(rowIndex).refresh();

Is that the style named .aw-grid-cell ? I don't see any changes when I change that one.

IE has some bugs in CSS selectors, to make sure it works you have to use grid id (it has higher priority) -

#myGrid .aw-grid-cell {
border-right: 1px solid threedlightshadow;
padding-right: 3px;
}

I got this line in my stylesheet:

.aw-grid-cell {border-right: 1px solid threedlightshadow; }

When I change the border in this line, I can see the result in my grid. Although when I add 'padding-right: 3px' or an random other style-aspect to the line, I don't see that change in the grid! It also doesn't work when I use #myGrid .aw-grid-cel {...}.

Got it! Adding '!important' after 'padding-right: 3px' did it!

Anyway... Thanks for the support! One question left... the one about selecting a row with the mouse by clicking on it. Doesn't work anymore!

See: http://www.activewidgets.com/javascript.forum.11278.4/grid-row-id-problem.html


Thanks again!