title: How to increase displaytag table font size
body: <p>I'm using displaytag tables in my portlet JSPs. The tables font size is smaller than normal (everything else in the page) and I have to increase it.</p>
  
  <p>The official documentation [<a href="http://www.displaytag.org/10/configuration.html" rel="nofollow">1</a>] says to add some lines to the <code>displaytag.properties</code> file and reference a custom css.</p>
  
  <p>This is my .properties file:</p>
  
  <pre><code>factory.requestHelper=org.displaytag.portlet.PortletRequestHelperFactory
  basic.msg.empty_list=Nessun risultato trovato
  css.tr.even=myeven
  css.tr.odd=myodd
  css.th.sortable=mysortable
  </code></pre>
  
  <p>and this is my .css:</p>
  
  <pre><code>tr.myodd {
          font-size:1.2em;
  }
  
  tr.myeven {
          font-size:1.2em;
  }
  
  th.mysortable{
          font-size:1.2em;
  }
  </code></pre>
  
  <p>I also tried to define it as:</p>
  
  <pre><code>.myodd {
          font-size:1.2em;
  }
  
  .myeven {
          font-size:1.2em;
  }
  
  .mysortable{
          font-size:1.2em;
  }
  </code></pre>
  
  <p>but without results, the displayed font is always smaller than expected.</p>
  
  <p>The table is defined as:</p>
  
  <pre><code>&lt;display:table class="table table-striped" [...]
  </code></pre>
  
  <p>Removing the class attribute does not change anything either, I still get small fonts. I should probably mention that both "table" and "table-striped" class values are from bootstrap [<a href="http://getbootstrap.com/css/#tables" rel="nofollow">2</a>] css</p>
  
  <p>What am I missing?</p>
  
  <p>Thanks in advance</p>
  
  <p>[<a href="http://www.displaytag.org/10/configuration.html" rel="nofollow">1</a>] [Displaytag configuration]
  [<a href="http://getbootstrap.com/css/#tables" rel="nofollow">2</a>] [Bootstrap CSS]</p>