如何使用w2ui网格在列标题中显示图标

Question

当我使用awe图标的fa-plus-square-o和fa-minus-square-o点击图标时，我执行了w2ui网格的showColumn（），hideColumn（）方法，我想显示手风琴。

通过以下代码实现。 当网格刷新完成后，图标的状态返回到初始状态，这非常困难。

如何以最简单的方式在网格列标题中显示图标，处理点击事件并重绘它们？

开发时w2ui的版本是1.4.3，但1.5版就可以了。

    columns: [{
        field: 'col02',
        caption: ''
            +'<div>'
            +' <div>'
            +'  <i class="fa fa-lg text-danger fa-plus-square-o" aria-hidden="true"></i>'
            +' </div>'
            +' <div>'
            +  '<span class="vertical">vert title</span>'
            +' </div>'
            +'</div>',
        size: '70px',
//      sortable: true,  <- By the way, sorting did not work when picking up a click event
        attr: 'align=right',
        resizable : true,
        render: function(record, index, col_index) {
            return (record.col02 == 0 ? '-' : record.col02.toFixed(2));
        }