scrollMessage
RealGridJS 1.1.35 버전부터 setDisplayOptions.liveScroll 이 false일 때 scrollBar의 thumb를 마우스로 이동시 위치정보를 표시하는 view가 그리드 오른쪽 상단에 표시할 수 있습니다.
gridView.displayOptions()의 scrollMessageCallback 으로 가로스크롤 시 표시할 값을 설정합니다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<style type="text/css">
.rg-scroll-tip-view {
border: 1px solid red;
background: white;
font-size: 12px;
white-space: nowrap;
border-radius: 4px;
}
</style>
gridView.setDisplayOptions({
liveScroll: false,
scrollMessageCallback:function(grid, vertical, itemIndex) {
console.log(itemIndex)
if (vertical === "vertical") {
var dataRow = grid.getDataRow(itemIndex);
if (dataRow >= 0) {
return "<span style='color:red'>"+ (itemIndex + 1) +"</span>"
}
}
}
});