The only way that I found to doing that It was write into flexigrid.js, why? I don't know yet.
I came up add this style to this line as follow (in my code is the line 818)
This change the style of the buttons (add, delete, so on...)
btnDiv.className = 'fbutton';
btnDiv.innerHTML= ......
if (btn.bclass) $('span', btnDiv).addClass(btn.bclass).css({
'paddingLeft': '10', 'font-family':'Lucida Grande, Verdana, sans-serif', 'font-size': '12px', 'color':'#66
'});
then I add this style to this line as follow (in my code is the line 876).
This change the style of the title
$(thdiv).css({
textAlign: this.align,
width: this.width + 'px',
'font-family':'Lucida Grande, Verdana, sans-serif', 'font-size': '12px', 'color':'#66
})
then I add this style to this line as follow (in my code is the line 948).
This change the style of the table body
$(g.vdiv).css({
height: (p.height == 'auto') ? 'auto' : p.height + 'px',
'font-family':'Lucida Grande, Verdana, sans-serif', 'font-size': '12px', 'color':'#66
}).scroll ........
The footer of the table need to be changed into the line 'var html' into each tag if you wish.
If someone know the correct way to do that, please share It with us, thanks
sorry for my bad english.