타뷸레이터 - 컬럼 값 동적적용 (뮤테이터)

데이터베이스에서 전송된 값을 JSP에서 타뷸레이터를 통해 표시할 때 동적으로 필드값을 적용하는 방법을 살펴보겠습니다. 방법은 필드명, 필드값을 지정하고 Mutators에서 함수를 호출하면 칼럼에 표시된 데이터와 추가로 전달가능한 매개변수를 통해서 구현하는 방식입니다.

구현하기

Mutators 모듈을 추가하고 함수추가 후 매개변수로 전달하는데 첫 번째 매개변수는 'value'가 필드에 표시되는 데이터, 두 번째 매개변수는 추가로 전달하는 데이터입니다. 해당 함수에서 반환되는 데이터가 화면에 표시되며 해당 보기에서는 터너리 식을 사용하여 데이터베이스에서 전송한 두 필드 중 하나의 필드가 널인 경우 다른 필드의 값이 표시되도록 구현하였습니다.

{title: "title", field: "val1", mutator: function (value, val2) {return (value == null) ? val2.val2 : value}}

이상으로 뮤테이터를 사용하여 타뷸레이터 칼럼값을 동적으로 변경하는 방법을 살펴보았습니다.

---

참고

Mutators & Accessors | Tabulator

Tabulator - Mutators & Accessors