table表格可手動調整表格列寬度

有時候會遇到這樣的需求，在頁面中能夠手動調整表格列的寬度。解決這個問題我使用的是colResizable這個控件。colResizable 是一個 jQuery 的插件，主要用於加強 HTML 的表格，新增的功能包括手工調整表格列寬度。該插件很小，只有 2.8k，無需依賴其餘插件。

第一步：

<script type="text/javascript" src="${ctxStatic}/common/colResizable-1.6.min.js"></script>

第二步：

<script type="text/javascript">
    $(document).ready(function() {
        $(".table").colResizable({
            liveDrag:true,
            resizeMode:'fit'
        });
    });
</script>

須要注意的是：

<table id="contentTable" class="table table-striped table-bordered table-condensed">

js中使用的選擇器要與table中的屬性參數相匹配。