Поддерживать фиксированную ширину стола - PullRequest
6 голосов
/ 05 августа 2010

У меня есть таблица с динамическими данными.

В зависимости от данных он расширяется или сворачивается.

Я не хочу этого. Я хочу фиксированную ширину, которая никогда не будет расширяться или разрушаться.

Как я могу это сделать?

Я уже пробовал <table width="300px"></table>, но это не работает.

Ответы [ 3 ]

13 голосов
/ 05 августа 2010

Должно работать следующее:

<table style="width:300px;table-layout:fixed"></table>
0 голосов
/ 05 августа 2010

Вы бы явно задали ширину каждого столбца так:

td.a {
   width:100px;
}
td.b { 
   width:200px;
}
...

<table>
<tr><td class='a'>A</td><td class='b'>B</td></tr>
<tr><td class='a'>A</td><td class='b'>B</td></tr>
<tr><td class='a'>A</td><td class='b'>B</td></tr>
<tr><td class='a'>A</td><td class='b'>B</td></tr>
</table>
0 голосов
/ 05 августа 2010

Либо старый уродливый способ

<table width="300"></table>

, либо способ CSS

<table style="width:300px"></table>

Конечно, лучший способ - использовать отдельный файл таблицы стилей, например, назвать его style.css:

table {
  width: 300px;
}

и ваш HTML-документ:

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="style.css"/>
  </head>
  <body>
    <table>
    ...
    </table>
  </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...