wenzhixin bootstrap-table 点击table单元格改变颜色

bootstrap-table用于展现数据很是方便,也须要知足一些个性化需求。好比点击窗格(td)标记下颜色,用于目测bootstrap

代码以下,转载请注明spa

$("table").on('click-row.bs.table', function (e, row, $el) {
                //el['0'] is tr   $el is selected ele
                if ($el['0'].children[$el.context.cellIndex].className) {
                    $el['0'].children[$el.context.cellIndex].className = '';
                } else {
                    $el['0'].children[$el.context.cellIndex].className = 'success';
                }
            });

解释:code

click-row.bs.table是行点击事件,其实还有个click-cell.bs.table点击窗格事件,但$el是string没法使用blog

$el是被点击的行,$el.context是被点击的窗格属性。经过children寻找该行下那个被点的子元素td并添加样式事件

相关文章
相关标签/搜索