Сменить ширину столбца таблицы мышкой
colResizable - это плагин jQuery для изменения размера столбцов таблицы, перетаскивая их вручную. Он совместим как с мышью, так и с сенсорными устройствами и имеет некоторые приятные функции, такие как сохранение макета после обновления страницы или обратной передачи.
Этот плагин пригодится при работе с большими таблицами, улучшая удобство использования. Он крошечный по размеру (colResizable 1.0 всего 2 КБ) и полностью совместим со всеми основными браузерами (IE7 +, Firefox, Chrome и Opera). colResizable также можно использовать как ползунок с несколькими диапазонами, попробуйте!
Официальный сайт плагина - перейти
Как работает плагин?
<head>
<script src="js/jquery.js"></script>
<script src="js/colResizable.min.js"></script>
<script>
$("#sample").colResizable({liveDrag:true});
</script>
</head>
<body>
<table id="sample" width="100%" >
<tr> <th> header </th> <th> header </th> </tr>
<tr> <td> cell </td> <td> cell </td> </tr>
<tr> <td> cell </td> <td> cell </td> </tr>
</table>
</body>Скачать скрипт:
Скачать файл 
colresizable-1_6.zip [907.94 Kb] (cкачиваний: 30)