Make a td fixed size width height while rest of td s can expand

Question

Do you know  how to fix the size of a td Width and Height in a table allowing the rest of td on table to expand as needed   The problem is that when there is data inside of td s it will not shrink more than the data  but if is empty it will shrink all the way  if you expand the window the td will expand   I would like to keep the size of the td whether you expand or shrink the window and whether the td has data inside or not   Also I need to keep the rest of td s able to expand as you expand window   Class tableContainerRow2 is the one I need it to be a fixed size  e g    lt style gt       divContainer           margin 10px          background-color  C7D8EE          border 2px solid  0076BF          text-align left                  tableContainer           color  0076BF          margin  -10px 0px -10px 0px          border-spacing  10px          empty-cells show          width 90               tableContainerRow2           background-color white          border 2px solid  0076BF         lt  style gt    lt div class  divContainer  gt       lt table class  tableContainer  cellspacing  10px  gt           lt tr gt               lt td width  18   style  white-space nowrap    gt NHS Number lt  td gt               lt td width  17   gt  amp  160  lt  td gt               lt td width  10    style  white-space nowrap   gt Date of Visit lt  td gt               lt td width  10   gt  amp  160  lt  td gt               lt td colspan  3  style  white-space nowrap   gt Care Time Started lt  td gt               lt td width  4   gt  amp  160  lt  td gt               lt td width  5   gt  amp  160  lt  td gt               lt td width  25   rowspan  2  style  font-weight bold vertical-align middle white-space nowrap   gt Tick when lt br  gt  care starts lt  td gt           lt  tr gt           lt tr  gt               lt td width  18   class  tableContainerRow2  gt  amp  160 0123456789 lt  td gt               lt td width  17   gt  amp  160  lt  td gt               lt td width  10   class  tableContainerRow2  gt  amp  160 12 12 09 lt  td gt               lt td width  10   gt  amp  160  lt  td gt               lt td width  5   class  tableContainerRow2  gt  amp  160 12 lt  td gt               lt td width  1    gt  amp  160   lt  td gt               lt td width  5   class  tableContainerRow2  gt  amp  160 10 lt  td gt                                      lt td width  4   gt  amp  160  lt  td gt               lt td width  5   gt  amp  160  amp  9745  lt  td gt               lt td width  10    gt  amp  160  lt  td gt           lt  tr gt       lt  table gt   lt  div gt

User · Answer

This will take care of the empty td    lt td style  min-width  20px   gt  lt  td gt

User · Answer

just set the width of the td column you want to be fixed and the rest will expand    lt td width  200  gt  lt  td gt

[html] Make a td fixed size (width,height) while rest of td's can expand

Examples related to html

Examples related to html-table

Examples related to alignment