2016-10-17 5 views
1

handsontable을 사용하고 있습니다. 셀에서 오류를 사용자 지정합니다.Handsontable : 세로로 위아래로 스크롤 할 때 CSS 스타일이 제거되었습니다.

var cell = hot.getCell(rowKey, id); 
$(cell).css('background-color', '#ff4c42'); 
$(cell).text(message); 
$(cell).css('color', 'white'); 

이제 위아래로 스크롤하여 오류 스타일이있는 셀이 사라지면 스타일을 다시 스크롤하면 스타일이 사라집니다.

+0

같은 문제는 도움이 필요하십니까 –

+0

jsfiddle를 사용한 예는 무엇입니까? –

+0

validate-> 오류가 나타나면 아래로 스크롤하여 오류 스타일이 사라집니다! http://jsfiddle.net/96j6r9mz/10/ – user3301870

답변

0

나는이 예제를 JSFiddle으로 만들었습니다.

afterValidate: function(isValid, value, row, prop, source) { 
    if (row == 2 && hot.propToCol(prop) == 2) { 
    hot.setDataAtCell(row, hot.propToCol(prop), 'error'); 
    } 
}, 
invalidCellClassName: 'myInvalidClass', 

유효성 검사기를 선언하고 CSS에 invalidClass를 설정해야합니다.

Handsontable 설정에이 매개 변수가 없기 때문에 css를 업데이트 할 수 없으며 스크롤 할 때 테이블을 다시 렌더링하고 변경 사항을 "삭제"합니다.

+0

하나의 이메일에 대해 여러 개의 유효성 검사기를 사용할 수 있는지 알려줄 수 있습니까? 빈 유효성 검사기, 크기 검사기와 같은 것입니다. – user3301870

+0

하지만 전역 유효성 검사기를 만들고'row' 또는'prop'와 같은 정보를 얻기 위해 유효성 검사기에서'this'를 호출 할 수 있습니다. –