영어 버전 문서로 돌아가기Decision Optimization 실험 의 테이블 위젯
Decision Optimization 실험의 테이블 위젯
마지막 업데이트 날짜: 2024년 10월 07일
시각화 보기 에서 테이블을 추가하여 데이터의 가독성을 향상시킬 수 있습니다.
테이블 위젯 스펙에는 다음 구문을 따르는 열이 포함되어 있습니다.
{
"name": "Table Cars",
"type": "Table",
"property": "Acceleration",
"label": "Acceleration",
"type": "Number",
"visible": true,
"width": 100,
"style": {}
}
필드 | 설명 |
---|---|
property |
지정된 행의 데이터에 액세스하기 위한 키 특성입니다. |
type |
숫자가 문자열처럼 검색되지 않으므로 적절한 검색 및 필터 기능이 있어야 합니다. |
visible |
정의를 완전히 제거하지 않고 열을 표시하거나 숨길 수 있습니다. |
label |
열 표제를 정의합니다. |
style |
캐멀 케이스에 CSS 특성을 추가하여 테이블의 스타일을 지정할 수 있습니다. 예를 들어, 테이블에서 텍스트 정렬을 지정하려면 text-align 대신 textAlign 을(를) 사용하십시오. |
다음 요소를 사용하여 테이블의 렌더링을 사용자 정의할 수 있습니다.
요소 | 설명 |
---|---|
numbered |
행 번호를 표시합니다. |
compact |
행 높이를 줄입니다. |
columnExpand |
열 너비를 위젯에 맞게 확장하려면 columnExpand 를 true 로 설정하십시오. |
columnShrink |
위젯에 맞게 컬럼 너비를 줄이려면 columnShrink 을(를) true (으)로 설정하십시오. |
테이블에서 검색 및 필터링 기능을 사용할 수 있습니다. 테이블에서 컨텐츠를 검색하려면 검색 아이콘 을 클릭하십시오. "column heading":"search"
와 같이 검색에 접두부를 추가하여 특정 열로 검색을 제한할 수 있습니다. 예: name:chevrolet
. x-y 범위의 값을 검색하려면 10..20
를 사용하십시오. x보다 큰 값을
검색할 수도 있으며(예: 10..
) x보다 작은 값을 검색할 수도 있습니다(예:
..20
). 테이블 필터링에 대한 자세한 정보는 Decision Optimization 실험에서 테이블 검색 및 필터링을 참조하십시오.