Что пользователь смог изменять размер колонны datatable

Возможно, что могут быть измененными размеры ячеек datatable jquery, как это делает инструмент excel?

0
задан 31.05.2017, 20:38
1 ответ

Чтобы менять размер колонн ты мог бы делать это через функцию resizable jquery ui, следующий пример очень основной, но может подавать тебя:

$('table th a').resizable({handles:'e'});
<script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="https://fiddle.jshell.net/css/result-light.css"> 
<style type="text/css">
  table th a { display: block; }
  td, th { border: solid; }
</style>

<table>
    <tr>
        <th><a href="#">Col 1</a></th>
        <th><a href="#">Col 2</a></th>
        <th><a href="#">Col 3</a></th>
        <th><a href="#">Col 3</a></th>
    </tr>
    <tr>
        <td>Dato 1</td>
        <td>Dato 2</td>
        <td>Dato 3</td>
        <td>Dato 4</td>
    </tr>
</table>
3
ответ дан 24.11.2019, 14:33
  • 1
    est и # 225; очень хороший, но только я могу делать resize с заголовка? я могу брать линию с любой линии? – Luis Alberto Aguilera Clarke 20.04.2016, 23:07
  • 2
    Если возможно, однако я рекомендую тебе какой-то librer и # 237; чтобы для это не делать с нуля, например podr и # 237; схвати использовать следующий книжный магазин для jquery: bacubacu.com/colresizable – Juan Pinzón 20.04.2016, 23:46