用PHP响应表

Question

我有一张桌子，应该是响应式的。我在表格中有一个小PHP脚本。当我尝试通常的方式使其响应时，它不是。我使用一个包装Div svazTymy，它应该像溢出容器一样工作。

{
    "rows": [{
        "columns": [{
            "name": "clientId",
            "value": "1839",
            "type": "xs:int",
            "format": ""
        }, {
            "name": "campaignId",
            "value": "25646",
            "type": "xs:int",
            "format": ""
        }, {
            "name": "campaignStatus",
            "value": "Live",
            "type": "xs:string",
            "format": ""
        }, {
            "name": "campaignName",
            "value": "Template Donation Litle",
            "type": "xs:string",
            "format": ""
        }, {
            "name": "campaignExportName",
            "value": "Template Donation Litle",
            "type": "xs:string",
            "format": ""
        }, {
            "name": "description",
            "value": "/donate/template/Litle",
            "type": "xs:string",
            "format": ""
        }]
    }, {
        "columns": [{
            "name": "clientId",
            "value": "1839",
            "type": "xs:int",
            "format": ""
        }, {
            "name": "campaignId",
            "value": "25812",
            "type": "xs:int",
            "format": ""
        }, {
            "name": "campaignStatus",
            "value": "Live",
            "type": "xs:string",
            "format": ""
        }, {
            "name": "campaignName",
            "value": "Monthly Only",
            "type": "xs:string",
            "format": ""
        }, {
            "name": "campaignExportName",
            "value": "Monthly Only",
            "type": "xs:string",
            "format": ""
        }, {
            "name": "description",
            "value": "A donation receipt will be emailed to the address you submitted. This donation is tax-deductible to the fullest extent of the law.",
            "type": "xs:string",
            "format": ""
        }]
    }]
}

CSS：

<div class="svazTymy">
    <TABLE>
        <TR>
            <th colspan="9">1. Národní hokejbalová liga 2014/2015</th>
        </TR>
      <TR>
        <TD width="39" height="19">Pořadí</TD>
        <TD width="394" height="19">Mužstvo</TD>
        <TD width="58" height="19">Z</TD>
        <TD width="58" height="19">V</TD>
        <TD width="59" height="19">VP</TD>
        <TD width="59" height="19">R</TD>
        <TD width="59" height="19">P</TD>
        <TD width="59" height="19">S</TD>
        <TD width="59" height="19">B</TD>
      </tr>        
            <?php
            // put your code here

        $xml = simplexml_load_file('http://hokejbal.cz/xml/2014-2015/tables/177.xml');
        foreach($xml->SKUPINA as $skupina){
            if($skupina['id_sku'] != 1164) continue;
            foreach($skupina->TYM as $tym){
                ?>
                  <tr <?php if($tym['kod_cmshb']==3202007){ ?> class="beroun" <?php } ?>>
                    <td><?=$tym["poradi"] ?>.</td>
                    <td><?=$tym["nazev"] ?></td>
                    <td><?=$tym->Z ?></td>
                    <td><?=$tym->V ?></td>
                    <td><?=$tym->VP ?></td>
                    <td><?=$tym->R ?></td>
                    <td><?=$tym->P ?></td>
                    <td><?=$tym->GH ?>:<?=$tym->GA ?></td>
                    <td><?=$tym->BODY ?></td>
                  </tr>        
                <?php
            }
            break;
        }

    ?>
    </TABLE>
        <p>Data převzata z <a href="http://hokejbal.cz"> hokejbal.cz</a></p> 
    </div>

我也试过宽度：100％，也没用。我有点迷茫。你能帮我么？谢谢