title: Generate table with double column beneath a row
body: <p>I want to create a table such as this with itext: <a href="https://i.stack.imgur.com/4d76x.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4d76x.png" alt="enter image description here"></a></p>
  
  <p>I tried to followed the solution here: <a href="https://stackoverflow.com/questions/20016630/create-a-table-in-a-generated-pdf">Create a table in a generated PDF</a> but unfortunately <code>M</code> and <code>F</code> column will not go beneath the <code>Gender</code> column. Supposedly it should work like in the answer but it is not working. I'm not sure what is wrong. This is my code:</p>
  
  <pre><code>document.open();
  PdfPTable table = new PdfPTable(5);
  table.setWidths(new float[]{ 1f, 3f, 1f, 1f, 1f});
  PdfPCell cell;
  cell = new PdfPCell(new Phrase("Chapter"));
  cell.setRowspan(2);
  table.addCell(cell);
  cell = new PdfPCell(new Phrase("Description"));
  cell.setRowspan(2);
  table.addCell(cell);
  cell = new PdfPCell(new Phrase("Gender"));
  cell.setColspan(1);
  table.addCell(cell);
  cell = new PdfPCell(new Phrase("Total"));
  cell.setRowspan(2);
  table.addCell(cell);
  
  table.addCell("M");
  table.addCell("F");
  
  document.add(table);
  document.close();
  </code></pre>
  
  <p>and this is my current output: 
  <a href="https://i.stack.imgur.com/PgHcp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PgHcp.png" alt="enter image description here"></a></p>
  
  <p>Can somebody help me with this?? Thanks in advance.</p>