Главная » DARYA DLE » Скрипты » Сменить ширину столбца таблицы мышкой
42 0  

Сменить ширину столбца таблицы мышкой

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качиваний: 2)  


Оставить свой комментарий:

Опыт в веб разработке:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
1979
2020