ULTIMAS ACTUALIDADES
Home / vue.js 테이블 예제

vue.js 테이블 예제

항목 공급자 함수가 사용될 때 자동으로 사용 중인 상태를 추적/제어하지만, 내부 사용 중인 상태를 재정의하거나 응용 프로그램에서 현재 사용 중인 상태를 모니터링하는 데 사용할 수 있는 사용 중인 소품도 제공합니다. 2방향 .sync 수정자를 사용할 수 있습니다. 표준 데이터 테이블은 기본적으로 데이터를 단순 행으로 렌더링합니다. 참고: 테이블이 사용 중 상태(예: 공급자 업데이트가 현재 실행 중이면) 현재 업데이트가 완료될 때까지 새로 고침이 대기합니다. 현재 새로 고침 보류 중이고 새 새로 고침이 요청되면 새로 고침이 하나만 발생합니다. v-data-table은 v-data-footer 구성 요소를 사용하여 기본 바닥글을 렌더링합니다. 푸터 소품을 사용하여 이 구성 요소에 소품을 전달할 수 있습니다. 구성 요소 이름 또는 .vue 파일 사용: (전체 예제에서 위의 템플릿 참조) 다음 b 테이블 prop(들)을 true로 설정하여 공급자 페이징, 필터링 및 정렬(개별적으로)을 비활성화할 수 있습니다. ; 데이터의 하위 집합을 반복하는 것과 동일한 개념을 사용하여 검색 상자로 테이블을 필터링하거나 한 번에 한 페이지에 데이터를 비동기적으로 로드하고 행 속성을 대체하여 느리게 로드된 데이터 테이블을 얻을 수 있습니다.

숨기기 헤더와 함께 사용하여 확장 행과 로딩 막대가 제대로 작동할 수 있도록 테이블의 열 수를 지정할 수 있으므로 마우스 오른쪽 단추를 클릭한 후 시스템 컨텍스트 메뉴를 열지 않아도 될 수 있습니다. 운영 체제 간의 타이밍 차이로 인해 이 역시 행 중간 을 클릭하는 예방 가능한 기본 동작이 아닙니다. 대신 컨텍스트 메뉴 이벤트의 기본 동작을 방지하여 이 작업을 수행할 수 있습니다. 이 문서에서는 Vue.js의 몇 가지 기본 지시문을 사용하여 데이터 테이블을 만들었습니다. 그러나이 테이블을 만드는 유일한 것은 HTML 템플릿이라는 점에 주목할 필요가 있습니다. 여기서 수행한 모든 작업은 블로그, 그리드 레이아웃 또는 실제로 다른 HTML 표현에서 모두 동일하게 작동합니다. 문서에 탑재되면 공급자 업데이트 호출이 자동으로 트리거됩니다. 아래 예제에서는 다음과 같은 사용자 지정 CSS 를 사용 했습니다.

이로 인해 이전 결과로 렌더링되는 하위 구성 요소/요소(예: Vue의 렌더 패치 최적화 루틴에서 다시 사용)와 같은 GUI 문제가 발생할 수 있습니다. 기본 키 열을 지정하면 이 문제가 완화될 수 있습니다(또는 사용자 지정 형식의 필드 슬롯에 요소/구성 요소에 고유한 :key를 배치할 수 있음).

About onda mix

TAMBIÉN PUEDES VER

리눅스 fork exec 예제

1) waitpid(): pid 인수에 의해 지정된 자식이 종료될 때까지 또는 신호가 전달될 때까지 현재 프로세스의 …