Why HTML table row's cells auto increase the width when font size increases?

See more:

Javascript

CSS

HTML

Gridview

web

In ASP.NET web application, first row of gridview is cloneed at runtime. All the css styles are copied well and applied.

But, problem is that there is a feature of configurable font size which changed the font size of all controls in application according to user specification (12 px, 14px, 16px, etc). When font size is changed column alignments is not maintained in clonned row of grie view.

In fact, when font size is changed the row's cells automatically set the width of cells of row in html table to accomodate full text which they contains.

How to restrict this from happening because I had assigna fixed pixels width to column and need to maintain that.