Question

我正在创建一个表，其中最后3列的宽度不会因我设置的值而改变，这是它在图片中的样子： Programavimo darbas row的最后一列大小应该是71秒11和17.但它们不是。

我做错了什么，即使它们的尺寸不同，它们都是一样的。我曾尝试将宽度放入风格但仍然相同。请帮忙！这是我的HTML代码：

<table width="100%" cellspacing="1" cellpadding="4" border="0" class="tbl">
    <th style="width: 10%;"><?php echo $AppUI->_('Task type'); ?></th>
    <th style="width: 10%;"><?php echo $AppUI->_('Task quantity'); ?></th><!--Užduočių kiekis-->
    <th style="width: 10%;"><?php echo $AppUI->_('All time'); ?></th><!--Visas laikas-->
    <th style="width: 10%;"><?php echo $AppUI->_('Average'); ?></th><!--Visas laikas--> 
    <th colspan="3" style="width: 60%;"><?php echo $AppUI->_('In time/Due time'); ?></th><!--Vidurkis per užduotį-->

<?php
    if (!empty($taskqu)) {
        foreach ($taskqu as $key => $value) {
            echo "<tr>";
            echo "
            <td>{$task_types[$key]}</td>
            <td>{$taskqu[$key]['viso_tasku']}</td>
            <td>{$taskqu[$key]['viso_valandu']}</td>
            <td>{$taskqu[$key]['vidurkis']}</td>
            <td style='width: {$taskqu[$key]['viso_pabaigti']}%; background: springgreen; text-align: center;'>comp</td>
            <td style='width: {$taskqu[$key]['laiku']}%; background: aquamarine; text-align: center;'>laik</td>
            <td style='width: {$taskqu[$key]['veluojama']}%; background: tomato; text-align: center;'>vel</td>";
            echo "</tr>";
        }

?>
</table>

Answer 1

可能会导致一些问题：

<tr>标记后面没有<table>标记。
您可以按照下述方式使用<col>标记。

<强>列

尝试使用<col>标记：

<table width="100%" cellspacing="1" cellpadding="4" border="0" class="tbl">
  <col width="10%">
  <col width="10%">
  <col width="10%">
  <col width="10%">
  <col width="60%">
  <tr>
    <th style="width: 10%;"><?php echo $AppUI->_('Task type'); ?></th>
    <th style="width: 10%;"><?php echo $AppUI->_('Task quantity'); ?></th><!--Užduočių kiekis-->
    <th style="width: 10%;"><?php echo $AppUI->_('All time'); ?></th><!--Visas laikas-->
    <th style="width: 10%;"><?php echo $AppUI->_('Average'); ?></th><!--Visas laikas--> 
    <th colspan="3" style="width: 60%;"><?php echo $AppUI->_('In time/Due time'); ?></th><!--Vidurkis per užduotį-->
  </tr>
  <!-- -->
</table>

Answer 2

这是您在最后几栏中尝试实现的目标吗？

<table width="100%" border="1">
    <thead>
        <th style="width:10%;">th1</th>
        <th style="width:10%;">th2</th>
        <th style="width:10%;">th3</th>
        <th style="width:10%;">th4</th>
        <th style="width:60%;">th5</th>
    </thead>
    <tbody>
        <tr>
            <td>td1</td>
            <td>td2</td>
            <td>td3</td>
            <td>td4</td>
            <td>
                <table width="100%" border="1" style="background-color:yellow;">
                    <tr>
                        <td style="width:71%;">1</td>
                        <td style="width:11%;">2</td>
                        <td style="width:17%;">3</td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td>td1</td>
            <td>td2</td>
            <td>td3</td>
            <td>td4</td>
            <td>
                <table width="100%" border="1" style="background-color:green;">
                    <tr>
                        <td style="width:61%;">1</td>
                        <td style="width:6%;">2</td>
                        <td style="width:32%;">3</td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td>td1</td>
            <td>td2</td>
            <td>td3</td>
            <td>td4</td>
            <td>
                <table width="100%" border="1" style="background-color:red;">
                    <tr>
                        <td style="width:18%;">1</td>
                        <td style="width:11%;">2</td>
                        <td style="width:71%;">3</td>
                    </tr>
                </table>
            </td>
        </tr>
    </tbody>
</table>

如何为子列指定不同的列宽？

2 个答案: