강조 열 값을 기준으로 한 매끄러운 격자 행

Question

매끄러운 격자를 사용하여 JSON 데이터를 표시하고 있습니다.

외부 버튼을 클릭 할 때 열 값에 따라 특정 행을 강조 표시하고 싶습니다. 이러한 = 75 venue_id = 87, 인상 비용을 한 하이라이트 행으로

= 268

Answer 1

당함 솔루션 :

dataView.getItemMetadata = function (row) { 

        var item = dataView.getItem(row); 


        if (item["" + columnName+ ""] == colValue) 
        { 
         return { cssClasses: 'highlight' }; 

        } 
        return null; 

       } 
    grid = new Slick.Grid("#myGrid", dataView, myColList, options); 

Answer 2

다른 제안 옵션은 내 시스템에 부하가 될 것으로 보인다 내 시스템에는 수천 개의 레코드가 있고 특정 행은 강조 표시해야하며 전체 테이블을 새로 고치는 솔루션 종류를 제안해야합니다. 몇 가지 이유로 그것은 나를 위해 작동하지 않습니다.

Slickgrid의 flashCell을 사용하여이 문제를 해결했습니다. 심지어 필요 없음 getItemMetadata()

  var rowId=dataView.getRowById(idvalue);//id of the row to be highlighted, as slickgrid enforced an id field 
      grid.scrollRowToTop(rowId);//makes the row visible 
      grid.getColumns().forEach(function(col){//get all the columns 
      grid.flashCell(rowId, grid.getColumnIndex(col.id));//flash it 
      }) 

희망이 답변을이 페이지에 오는 데 도움이됩니다.