2015-09-27 166 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