«Tablecloth» — стильные таблицы

Возможности Tablecloth:
— Добавляет соответствующие классы к чётным и нечётным рядам;
— Добавляет эффекты mouseover и mouseout;
— Может выделять весь ряд при наведении мышкой;
— При нажатии, может селектировать ряд или колонку;
— Можно писать свою имплементацию для события click.

Установка:
1. Добавляем CSS и JavaScript.
<link href="tablecloth/tablecloth.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="tablecloth/tablecloth.js"></script>


2. Создаём таблицу.
<table cellspacing="0" cellpadding="0">            
    <tr>                
        <th>Title</th>
        <th>Title</th>
        <th>Title</th>
        <th>Title</th>
    </tr>
    <tr>
        <td>Data</td>
        <td>Data</td>
        <td>Data</td>
        <td>Data</td>
    </tr>
    <tr>
        <td>Data</td>
        <td>Data</td>
        <td>Data</td>
        <td>Data</td>
    </tr>
    <tr>
        <td>Data</td>
        <td>Data</td>
        <td>Data</td>
        <td>Data</td>
    </tr>                    
</table>


3. Скачиваем Tablecloth и копируем файлы с архива в папку с вашими html-файлом. В итоге у нас получится красивая таблица
«Tablecloth» — стильные таблицы
---
25 декабря 2007
  • 85
 (голосов: 5)
ROW комментарии: 2

№1 Barton (25 декабря 2007 22:37)

Фотография пользователя
Помню мудохался с жаба-скриптом, хотел всё сделать такую фишку. Решение задачи оказалось намного проще, чем я думал.
Замечательная штука, всем советую использовать, если конечно есть где ))

№2 VIP-veterOK (4 января 2008 02:00)

Фотография пользователя
nice work ! 10x !

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.