Мне нужна полоса прокрутки в таблице?

Question

Пожалуйста, найдите изображение, и вы можете просмотреть столбцы Январь и Декабрь. Мне нужно разместить полосу прокрутки для этих двух столбцов в том смысле, что область пространства двух столбцов имеет значения с января по декабрь.

Это возможно для таблицы?

Пожалуйста, помогите мне!

Вышеупомянутый вопрос получил очень хороший ответ.

еще одна помощь!

http://jsfiddle.net/anglimass/Ty29z/

пожалуйста, найдите изображение и вы можете просмотреть столбцы (цитата продавца 1) и (цитата продавца 6), мне нужно поместить полосу прокрутки для этих двух столбцов всмысл области двух столбцов имеет (поставщик 1 цитата) к (поставщик 6 цитата) подробности поставщика

Answer 1

Я не верю, что это возможно.Я попытался стилизовать colgroup, но это не сработало.

Пример опробованного решения .

Единственный другой способ сделать это - разделить вашу таблицу на три отдельные таблицы с div-оберткой на среднем.

Пример таблицы разделения с разделителем div .

Answer 2

попробуйте это:

HTML

<table style="text-align: left; width: 100%;" border="1" cellpadding="2" cellspacing="2">
<tbody>
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
        <th colspan="1" rowspan="5" style="border: medium none ; width: 100px; vertical-align: top;">
            <div class="inner-table">
                <table style="text-align: left; width: 500px; border:none" border="1" cellpadding="2" cellspacing="2">
                <tbody>
                    <tr>
                        <th>Header 1</th>
                        <th>Header 2</th>
                        <th>Header 3</th>
                        <th>Header 4</th>
                    </tr>
                    <tr>
                        <td>a</td>
                        <td>a</td>
                        <td>a</td>
                        <td>a</td>
                    </tr>
                    <tr>
                        <td>b</td>
                        <td>b</td>
                        <td>b</td>
                        <td>b</td>
                    </tr>
                    <tr>
                        <td>c</td>
                        <td>c</td>
                        <td>c</td>
                        <td>c</td>
                    </tr>
                </tbody>
                </table>
            </div>
        </th>
        <th>Header 4</th>
    </tr>
    <tr>
        <td>a</td>
        <td>a</td>
        <td>a</td>
    </tr>
    <tr>
        <td>b</td>
        <td>b</td>
        <td>b</td>
    </tr>
    <tr>
        <td>c</td>
        <td>c</td>
        <td>c</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</tbody>
</table>

CSS

.inner-table {
    width:100px;
    overflow-x:scroll;
}

th {
    height:20px;
}

демо

http://jsfiddle.net/andresilich/caq8F/4/

Вы можете возиться с CSS, чтобы легко получить тот же стиль.

:: РЕДАКТИРОВАТЬ :: Очистил код и обновил скрипту, чтобы включить некоторое пространство для полосы прокрутки.