我不能讓我的表響應

我有這個表：我不能讓我的表響應

<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

我不能讓我的表響應

回答

相關問題