🌟分享个样式的代码，Grid列表突出某行🔍，

js ⌨️

js
//...事件
let id = 'xxx';//行ID
F.ui.Grid1.selectRow(id, { scrollTo: true });//选择行，并滚动到
F.ui.Grid1.getRowEl(id).addClass(`blink`);//新增样式 
$(`.f-grid-bodyct`).css(`overflowX`, 'hidden');//隐藏横向滚动条
//延迟删除样式 恢复 
setTimeout(() => {
    F.ui.Grid1.getRowEl(id).removeClass(`blink`);
    $(`.f-grid-bodyct`)[0].style.removeProperty('overflow-x');
}, 800);

css 🎨

css
@@keyframes glow {
    0% {
        transform: scale(1);
        background-position: 1% 0;
    }

    50% {
        transform: scale(1.02);
    }

    100% {
        transform: scale(1);
        background-position: 110% 0;
    }
}

.blink {
    animation: glow .8s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    background-image: linear-gradient(to right, transparent, white, transparent);
    background-size: 200px 100%;
    background-repeat: no-repeat;
}