GS인증 AUIGrid v3.0.16

헤더 툴팁은 해당 칼럼이 나타내는 데이터에 대한 설명을 표시하는 역할을 합니다.

칼럼 레이아웃을 정의 할 때 설명이 필요한 칼럼에 대하여 선택적으로 또는 모두의 칼럼에 툴팁을 표시 할 수 있습니다.

툴팁에 표시되는 내용은 단순 텍스트로 간단히 지정할 수 있고, 스타일과 레이아웃을 갖춘 HTML로 지정할 수 있습니다.

툴팁은 다음과 같이 칼럼 레이아웃에서 headerTooltip 을 정의하여 설정합니다.

const columnLayout = [ {
	dataField : "name",
	headerText : "Name",
	headerTooltip : { // 헤더 툴팁 표시 HTML 양식
	show : true,
	tooltipHtml : '<div style="width:120px;"><p>Name</p><img width="120" src="./assets/auisoft.png"><p>툴팁에 나타내고자 하는 내용과 스타일을 자유롭게 설정할 수 있습니다.</p></div>'
}, {
	....