На главную
ПРАВИЛА FAQ Помощь Участники Календарь Избранное DigiMania RSS
msm.ru
Модераторы: Vasya2000, Serafim, fatalist
  
> Нумерация в таблице
Есть файл со списком фильмов, я его вручную в блокноте набросал. Удобно искать, когда фильмы расположены по алфавиту, но при добавлении нового фильма в середину списка возникает необходимость увеличить нумерацию строк после вставки, что делать вручную не хочется.

Как создать автоматическую нумерацию в таблице, используя только возможности HTML

1. Должно работать на всех броузерах включая старые IE
2. Не применять JawaScript и VBScript

ExpandedWrap disabled
    <html>
        <head>
            <meta http-equiv=Content-Type content="text/html; charset=windows-1251">
            <title>
            Фильмы
            </title>
            <style type='text/css'>
                td
                    {
                    background-color:#FFFFFF;
                    text-align:left;
                    white-space:nowrap;
                    font-size:10pt;
                    font-family:'Courier New';
                    font-style:normal;
                    font-weight:normal;
                    padding-left:5px;
                    padding-right:5px;
                    border:solid #B0B0B0;
                    border-top-width:1px;
                    border-right-width:1px;
                    border-bottom-width:0px;
                    border-left-width:1px;
                    }
                .table
                    {
                    border-collapse:collapse;
                    border:1px solid #B0B0B0;
                    }
                tr
                    {
                    color:#000000
                    }
                .h
                    {
                    background-color:#E0E0E0;
                    color:#000000;
                    font-size:10pt;
                    font-family:'Courier New';
                    font-style:normal;
                    font-weight:normal;
                    text-align:left;
                    }
            </style>
        </head>
        <body>
            <table class='table'>
                <tr>
                    <td class='h' width='10%'>
                        N
                    </td>
                    <td class='h' width='60%'>
                        название
                    </td>
                    <td class='h' width='30%'>
                        жанр
                    </td>
                </tr>
                <tr>
                    <td>
                        1
                    </td>
                    <td>
                        Алеша Попович и Тугарин Змей
                    </td>
                    <td>
                        мультфильм
                    </td>
                </tr>
                <tr>
                    <td>
                        2
                    </td>
                    <td>
                        Багровый прилив
                    </td>
                    <td>
                        триллер
                    </td>
                </tr>
                <tr>
                    <td>
                        3
                    </td>
                    <td>
                        Беглец
                    </td>
                    <td>
                        триллер
                    </td>
                </tr>
                <tr>
                    <td>
                        4
                    </td>
                    <td>
                        Бунтарка
                    </td>
                    <td>
                        комедия
                    </td>
                </tr>
                <tr>
                    <td>
                        5
                    </td>
                    <td>
                        Викинги
                    </td>
                    <td>
                        фантастика
                    </td>
                </tr>
                <tr>
                    <td>
                        6
                    </td>
                    <td>
                        Вирус Андромеда
                    </td>
                    <td>
                        фантастика
                    </td>
                </tr>
                <tr>
                    <td>
                        7
                    </td>
                    <td>
                        Воздушная тюрьма
                    </td>
                    <td>
                        боевик
                    </td>
                </tr>
                <tr>
                    <td>
                        8
                    </td>
                    <td>
                        Вторжение
                    </td>
                    <td>
                        фантастика
                    </td>
                </tr>
                <tr>
                    <td>
                        9
                    </td>
                    <td>
                        Грань будущего
                    </td>
                    <td>
                        фантастика
                    </td>
                </tr>
                <tr>
                    <td>
                        10
                    </td>
                    <td>
                        Дежа вю
                    </td>
                    <td>
                        фантастика
                    </td>
                </tr>
            </table>
        <br>
        </body>
    </html>
Сообщение отредактировано: Mr.Brooks -
Для старых IE это врядли, но вот это работает с 8 версии
http://htmlbook.ru/css/counter-increment
http://shpargalkablog.ru/2015/10/numbering-table.html
1 пользователей читают эту тему (1 гостей и 0 скрытых пользователей)
0 пользователей:


Рейтинг@Mail.ru
[ Script Execution time: 0,0757 ]   [ 19 queries used ]   [ Generated: 11.12.17, 09:33 GMT ]