Как установить ширину стола в ширину окна

Question

Как установить ширину стола в ширину окна

0

Я хочу, чтобы таблица имела ту же ширину, что и окно, и если она широкая, я хочу, чтобы она могла прокручивать таблицу. Сегодня таблица становится шире, чем окно, и вы должны использовать полосу прокрутки в окне, а не полосу прокрутки на div, которая содержит таблицу.

(Я заметил, что если я удалю первую таблицу, он отлично работает, но я не могу удалить это, потому что мой html-код будет вставлен на страницу с этим табличным тегом.)

<table style="width:100%;">
<tr>
    <td>
        <div style="width:100%;overflow:scroll;">
            <table style="width:100%;overflow:hidden;">
                <tr>
                    <td>
                        <div style="width:900px;">Kolumn123</div>
                    </td>
                    <td>
                        <div style="width:900px;">Kolumn123</div>
                    </td>
                </tr>
            </table>
        </div>
    </td>
</tr>

Вот демонстрация JSFiddle

user1297771 15 апр. 2014, в 09:06

Источник

0

посмотрите здесь stackoverflow.com/a/6850319/3383479
user3383479 15 апр. 2014, в 06:59
0

Попробуйте удалить вашу конкретную ширину style="width:900px;" , Какова ваша цель добавления этой конкретной ширины?
JunM 15 апр. 2014, в 07:00
0

Лучше создавать классы с помощью CSS чем указывать ширину в атрибутах.
user3383479 15 апр. 2014, в 07:01
0

Спасибо за ваш повтор! Я должен иметь столбцы определенной ширины, поэтому невозможно удалить свойство ширины.
user1297771 15 апр. 2014, в 07:02
0

Спасибо Инаникян! Я посмотрю на эту ссылку. (В моем коде у меня есть css-классы, но здесь легче показать с помощью встроенных стилей.)
user1297771 15 апр. 2014, в 07:03
0

Попробуйте использовать table-layout:fixed для первой таблицы <table style="width:100%;table-layout:fixed;">
James 15 апр. 2014, в 07:05

Показать ещё 4 комментария

Теги:

html

css

html-table

width

scrollbar

2 ответа

Ещё вопросы

посмотрите здесь stackoverflow.com/a/6850319/3383479
Попробуйте удалить вашу конкретную ширину style="width:900px;" , Какова ваша цель добавления этой конкретной ширины?
Лучше создавать классы с помощью CSS чем указывать ширину в атрибутах.
Спасибо за ваш повтор! Я должен иметь столбцы определенной ширины, поэтому невозможно удалить свойство ширины.
Спасибо Инаникян! Я посмотрю на эту ссылку. (В моем коде у меня есть css-классы, но здесь легче показать с помощью встроенных стилей.)
Попробуйте использовать table-layout:fixed для первой таблицы <table style="width:100%;table-layout:fixed;">

shashank · Answer 1 · 2014-04-15T05-44-00.000Z

попробуйте this--

<div style="overflow: scroll;">
<table>
    <tbody>
      <tr>
        <td>
            <div style="width:100%;">
                <table style="width:100%;overflow:hidden;">
                    <tbody><tr>
                        <td>
                            <div style="width:900px;">Kolumn123</div>
                        </td>
                        <td>
                            <div style="width:900px;">Kolumn123</div>
                        </td>
                    </tr>
                </tbody></table>
            </div>
        </td>
    </tr>
  </tbody>
 </table>
</div>

Спасибо за ваш повтор! Это работает нормально, но в моем случае я могу изменить только HTML из первого тега div. Это потому, что мой HTML-код вставлен в уже существующую HTML-страницу.

thethanghn · Answer 2 · 2014-04-15T05-40-00.000Z

Ширина div должна быть определена как меньшая, чем ее внутренняя таблица. Потому что здесь он установлен на 100%, и все будет вычисляться снизу вниз, что заставляет полосу прокрутки появляться в крайнем контейнере. Если вы не можете изменить первую таблицу, попробуйте использовать javascript, чтобы получить размер окна и установить его в div.

Спасибо за ваш повтор! Я хотел бы попытаться сделать это без JavaScript, но, возможно, это невозможно. Когда я удаляю внешнюю таблицу, она работает нормально, поэтому я очень надеюсь, что есть способ заставить ее работать с этим табличным тегом.