单击特定列标题

Question

我想点击列标题的右边框来调整表格颜色，但我无法弄清楚如何操作。

我使用了ColReorderWithResize.js，但是按属性调整大小不是点击列标题的右边框

$('#example').dataTable({
                    "scrollY": 400,
                    "scrollX": true,
                    "bPaginate": false,
                    "bFilter": false,
                    "bInfo": false,
                    "responsive": true,
                    "bAutoWidth": true,
                    "sDom": '<"H"lCf>t"H"<"F"iTp>',
                    "aoColumns": [{'sWidth': "30%"},
                        {'sWidth': "30%"},
                        {'sWidth': "30%"},
                        {'sWidth': "30%"},
                        {'sWidth': "30%"},
                        {'sWidth': "30%"},
                        {'sWidth': "30%"},
                        {'sWidth': "30%"},
                        {'sWidth': "30%"}
                    ],
                });

我为此编写了这个jquery，但它没有正常工作

     $('#example').find('thead th').bind("click.MyDT", function(event){
    if ($(event.target).css('cursor') === 'col-resize'){
        event.cancelBubble = true;
        event.stopImmediatePropagation();
    }
}); 

请给我适当的解决方案。