2015-09-27 168 views
1

我试图为单元格指定一个宽度,但它不起作用。我使用CSS来制作它,因为HTML5中不支持宽度。在我的问题,我有一个表头,并在该表内我有另一个滚动的表来显示结果,我需要通过标头命令单元格结果与标题相同的宽度。有人能帮我吗? 这是fiddle。谢谢!在html5中设置单元格的宽度

这里就是我已经试过:

<table class="two"> 
      <thead> 
       <tr> 
        <th style="width:150px">Tipo de Anúncio</th> 
        <th style="width:150px">Tipo de Imóvel</th> 
        <th style="width:150px">Localização</th> 
        <th style="width:150px">Mediador</th> 
        <th style="width:150px">Preço</th> 
        <th style="width:150px">Área</th> 
       </tr> 
      </thead> 
      <tbody class="scroll"> 
       <tr> 
        <td colspan="2"> 
         <div class="scroll"> 
          <table> 
           <tr> 
            <td style="width:150px">January</td> 
            <td style="width:150px">$100</td> 
            <td style="width:150px">February</td> 
            <td style="width:150px">$80</td> 
            <td style="width:150px">February</td> 
            <td style="width:150px">$80</td> 
           </tr> 
           <tr> 
            <td>February</td> 
            <td>$80</td> 
            <td>February</td> 
            <td>$80</td> 
            <td>February</td> 
            <td>$80</td> 
           </tr> 
           <tr> 
            <td>January</td> 
            <td>$100</td> 
            <td>February</td> 
            <td>$80</td> 
            <td>February</td> 
            <td>$80</td> 
           </tr> 

回答

1

你有几个问题,你的布局,但主要是没有宽度,但合并单元格:(THW宽度工作的权利) 您th不换行所有该列。如果YPU有六个列,您需要合并单元格= 6

<tbody class="scroll"> 
    <tr> 
    <td colspan="6"> 

,我摸到只有很少的元素,但ypou可以看到一个初步的结果in this jsfiddle

+0

就是这样,没注意到,谢谢! – sergiogomesdev