我不能让我的表响应

我有这个表：我不能让我的表响应

<TABLE class=vysledky > 
    <TR class=podtrzeni> 
    <TD width="39" height="19">Pořadí <br /> Liga</TD> 
    <TD width="39" height="19">Pořadí <br /> Tým</TD> 
    <TD width="394" height="19">Jméno</TD> 
    <TD width="58" height="19">Z</TD> 
    <TD width="58" height="19">G</TD> 
    <TD width="59" height="19">A</TD> 
    <TD width="59" height="19">PPG</TD> 
    <TD width="59" height="19">SHG</TD> 
    <TD width="59" height="19">KB</TD> 
    <TD width="59" height="19">TRM</TD> 
    <TD width="59" height="19">MT</TD> 
    <TD width="59" height="19">VT</TD> 
    <TD width="59" height="19">OT</TD> 
    <TD width="59" height="19">OK</TD> 
    <TD width="59" height="19">TH</TD> 
    <TD width="59" height="19" nowrap="nowrap">Prům. G</TD> 
    <TD width="59" height="19" nowrap="nowrap">Prům. TM</TD> 
    </tr>

我尽量做到在几个方面负责：

table.vysledky { 
    overflow: auto; } 
/* I have tried also overflow: scroll; 
        overflow-x: scroll; (auto)*/

而且，我已经试过了HTML方式：

<TABLE class=vysledky style="Overflow: auto;" <!--scroll, etc--> >

以上都不是我的网站。

http://skkelti.cz/statistiky/

哪里是我的问题吗？

来源

2017-08-05 ragulin

通过className应该是'table.vysledky'不'表.vysledky'！ – undefined

@未定义的感谢，但这不工作。我已经编辑并在网站上发布了一个链接，您可以自行尝试。 – ragulin

在这种情况下，'table .vysledky'和'table.vysledky'在CSS中是一样的。 –

您必须将表格包装在div中，并将overflow和width应用于div。事情是这样的：

HTML：

<div class="table_container"> 
    <table class=vysledky border="1"> 
    <tr class=podtrzeni> 
     <TD width="39" height="19">Pořadí <br /> Liga</TD> 
     <TD width="39" height="19">Pořadí <br /> Tým</TD> 
     <TD width="394" height="19">Jméno</TD> 
     <TD width="58" height="19">Z</TD> 
     <TD width="58" height="19">G</TD> 
     <TD width="59" height="19">A</TD> 
     <TD width="59" height="19">PPG</TD> 
     <TD width="59" height="19">SHG</TD> 
     <TD width="59" height="19">KB</TD> 
     <TD width="59" height="19">TRM</TD> 
     <TD width="59" height="19">MT</TD> 
     <TD width="59" height="19">VT</TD> 
     <TD width="59" height="19">OT</TD> 
     <TD width="59" height="19">OK</TD> 
     <TD width="59" height="19">TH</TD> 
     <TD width="59" height="19" nowrap="nowrap">Prům. G</TD> 
     <TD width="59" height="19" nowrap="nowrap">Prům. TM</TD> 
    </tr> 
    </table> 
</div>

CSS：

.table_container{ 
    width: 100%; /* PUT YOUR DESIRED WIDTH HERE */ 
    overflow-x: auto; 
}

工作例如：https://jsfiddle.net/aob3hqoz/

来源

2017-08-05 15:12:20

-1

您的选择是错误的。要选择表格，正确的答案是table.vysledky。

但是你根本不需要桌子！您可以按类名选择元素，使用.vysledky { property: stuff; }

根据您有多少表，您可能需要使用一个ID。选择一个类将返回一个数组（即使它是一个数组），并且一个id将始终返回一个对象。

来源

2017-08-05 15:03:27 givehook

你好，谢谢你的回答，但它不工作！我编辑了这个问题，你可以访问该网站，以便你可以看到它不起作用 – ragulin

我不能让我的表响应

回答

相关问题