Flexigrid - Lightweight but rich data grid

[eluser]paulopmx[/eluser]
[quote author="slothy" date="1208879553"]Hi Paulo, may i suggest a fix

The behaviour in previous post seems to persist.

Digged into code and found the cause

Current code

Code:

buildpager: function(){ //rebuild pager based on new properties
            
            $('.pcontrol input').val(p.page);
            $('.pcontrol span').html(p.pages);
            
            var r1 = (p.page-1) * p.rp + 1;
            var r2 = r1 + p.rp - 1;
            
            if (p.total<r2) r2 = p.total;
            
            var stat = p.pagestat;
            
            stat = stat.replace(/{from}/,r1);
            stat = stat.replace(/{to}/,r2);
            stat = stat.replace(/{total}/,p.total);
            
            $('.pPageStat',this.pDiv).html(stat);
            
            },

and i changed to

Code:

buildpager: function(){ //rebuild pager based on new properties
            
            $('.pcontrol input',this.pDiv).val(p.page);     //fixed here
            $('.pcontrol span',this.pDiv).html(p.pages);   // fiexed here

// just reference to parent el needed to be included :)
            
            var r1 = (p.page-1) * p.rp + 1;
            var r2 = r1 + p.rp - 1;
            
            if (p.total<r2) r2 = p.total;
            
            var stat = p.pagestat;
            
            stat = stat.replace(/{from}/,r1);
            stat = stat.replace(/{to}/,r2);
            stat = stat.replace(/{total}/,p.total);
            
            $('.pPageStat',this.pDiv).html(stat);
            
            },

Hope it helped [/quote]

Great job guys. Thanks.

[eluser]slothy[/eluser]
Me again Paulo...

same with using a Search tool on a table with multiple tables on page :-S

The search tool behaviour (ie opening and closing) is duplicated in other tables

Same fix as before i guess... just need to hard-wire referencing

[eluser]danielaquino[/eluser]
I noticed that in firefox the column headers were slightly smaller causing them to be left shifted...

Using firebug I was able to see that the div inside of td's had an offset of 1, Where the div's inside of the th's did not...

I'm not really sure why the issue is only in firefox but adding a margin seemed to give it that 1px it needed to line back up...

.flexigrid div.hDiv th div { margin:1px; }

Although I don't think this is a good solution.

It would be good to have bot the th's and td's both have the same properties...

Any ideas?

I can provide some pictures if you want to see the issue...

P.S.

Why is a second table used for the headers ? Just Wondering...

Great job!

[eluser]Armorfist[/eluser]
Hello Paulo,

Don't know if it was suggested, but is it possible to implement in the next release key combos like CTRL + CLICK selects the elements and if you click the first element click SHIFT + CLICK the last element it selects all? Much like windows explorer behavior.

Thanks

[eluser]paulopmx[/eluser]
[quote author="slothy" date="1208888235"]Me again Paulo...

same with using a Search tool on a table with multiple tables on page :-S

The search tool behaviour (ie opening and closing) is duplicated in other tables

Same fix as before i guess... just need to hard-wire referencing[/quote]

Thanks again slothy. just change this

Code:

$('.pSearch',g.spDiv)

to this

Code:

$('.pSearch',g.pDiv)

[eluser]paulopmx[/eluser]
[quote author="Armorfist" date="1208915869"]Hello Paulo,

Don't know if it was suggested, but is it possible to implement in the next release key combos like CTRL + CLICK selects the elements and if you click the first element click SHIFT + CLICK the last element it selects all? Much like windows explorer behavior.

Thanks[/quote]

Actually there is a shift+drag feature to select/deselct on the current release. Surprise :-).

I might change this behavior, i'm still observing how people use my grid.

[eluser]paulopmx[/eluser]
[quote author="danielaquino" date="1208913679"]I noticed that in firefox the column headers were slightly smaller causing them to be left shifted...

Using firebug I was able to see that the div inside of td's had an offset of 1, Where the div's inside of the th's did not...

I'm not really sure why the issue is only in firefox but adding a margin seemed to give it that 1px it needed to line back up...

.flexigrid div.hDiv th div { margin:1px; }

Although I don't think this is a good solution.

It would be good to have bot the th's and td's both have the same properties...

Any ideas?

I can provide some pictures if you want to see the issue...

P.S.

Why is a second table used for the headers ? Just Wondering...

Great job![/quote]

sure send me some shots.

[eluser]paulopmx[/eluser]
Seems like Flexigrid has now become a better option for people looking for js data grids as Ext recently announce that it was moving to GPL 3.0

[eluser]danielaquino[/eluser]
[quote author="paulopmx" date="1208926483"][quote author="danielaquino" date="1208913679"]I noticed that in firefox the column headers were slightly smaller causing them to be left shifted...

Using firebug I was able to see that the div inside of td's had an offset of 1, Where the div's inside of the th's did not...

I'm not really sure why the issue is only in firefox but adding a margin seemed to give it that 1px it needed to line back up...

.flexigrid div.hDiv th div { margin:1px; }

Although I don't think this is a good solution.

It would be good to have bot the th's and td's both have the same properties...

Any ideas?

I can provide some pictures if you want to see the issue...

P.S.

Why is a second table used for the headers ? Just Wondering...

Great job![/quote]

sure send me some shots.[/quote]


To note I'm using html 4.0 strict where all examples I have seen people have used xhtml...

Is this an issue?

Here are the photos...
http://picasaweb.google.com/mr.danielaqu...6347091074

[eluser]danielaquino[/eluser]
Is there anyway I could have flexigrid have a height of 100% just like the unspecified width goes to 100% ?