Vue - 테이블의 가상 스크롤

Vue에서 테이블의 가상 스크롤/리사이클러 스크롤을 활용할 수 있는 패키지를 추천해 주셨으면 합니다. 나는 이 두 개의 라이브러리를 사용해 보았습니다: https://github.com/tangbc/vue-virtual-scroll-list https://github.com/Akryum/vue-virtual-scroller 항목의 가상 스크롤 목록을 생성할 수 있습니다. 하지만 테이블에 대해 이 동작을 구현하고 싶습니다. 내 테이블은 VuetifySimpletable이고 <

P粉401901266 2023-12-10 15:53:07 0  1  719

HTML 테이블에서 현재 표시되는 위쪽 및 아래쪽 행을 결정하는 JS/VueJS 구현

나는 thead와 tbody가 있는 표준 HTML 테이블을 가지고 있는데, tbody의 행 수는 배열의 크기에 따라 달라지므로 임의의 숫자가 될 수 있습니다. 테이블에는 스크롤할 수 있는 최대 높이가 있습니다. 테이블이 스크롤되면서 새로 표시된 위쪽 및 아래쪽 행을 계산할 수 있기를 원합니다. 또한 이를 달성하기 위해 jquery를 사용할 수 없으며 단지 javascript를 사용하고 싶습니다. 이 질문에 대해 허용된 답변을 시도했지만 정확하지 않은 것 같고 때로는 2-7 행 수를 잘못 계산합니다... html 테이블에서 맨 위 행...

P粉103739566 2023-09-10 19:23:08 0  1  540

오버플로: 스크롤하면 테이블의 숨겨진 열이 렌더링되지 않습니다. 무엇이 잘못되었나요?

기존 플라스크 애플리케이션에 반응 그리드를 통합하고 있습니다. 이를 수행하려면 사용자 정의 웹팩 구성을 사용하여 애플리케이션을 컴파일해야 합니다. 반응 구성 요소를 성공적으로 렌더링할 수 있지만 반응 그리드를 사용하고 오버플로:스크롤을 적용하면 테이블의 보이는 부분만 렌더링되고 나머지 스크롤 영역은 공백으로 유지됩니다. 오버플로 스크롤이 활성화된 ReactGrid의 gif를 보려면 여기를 클릭하세요. 오버플로 스크롤이 활성화되지 않은 ReactG를 보려면 여기를 클릭하세요.

P粉345302753 2023-08-17 13:55:29 0  1  475

javascript - JS 함수의 매개변수 범위 문제

1. 더 많은 기능을 로드하기 위해 드롭다운 스크롤바를 작성했습니다. 코드는 다음과 같습니다. dropload 이벤트는 페이지 A에 처음 진입할 때 ajaxModel 함수가 트리거되고, 메소드와 매개변수가 전달됩니다. 그러나 이 데이터 화면이 표시되면 스크롤 휠을 사용하여 아래로 스크롤하여 데이터를 로드합니다...

巴扎黑 2017-06-26 10:52:31 0  1  714

스크롤 휠을 사용할 때 부드러운 스크롤 애니메이션을 얻을 수 있는 방법이 있습니까?

페이지를 스크롤할 때 스크롤 휠을 사용할 때처럼 "점프하는" 방식 대신 부드럽게 움직이도록 만들려고 합니다. 이와 관련하여 내가 본 대부분의 소스는 버튼이나 링크를 클릭할 때 반응 스크롤이 제공하는 것과 같은 부드러운 스크롤을 포함하지만 특히 휠 스크롤의 부드러운 효과를 얻고 싶습니다. MaterialUI 테마를 통해 이를 달성할 수 있는 방법이 있습니까? 아니면 이에 도움이 될 수 있는 React 패키지가 있습니까?

P粉118698740 2023-08-16 16:40:27 0  1  623

스크롤 상태를 건드리지 않고 React의 div 상단에 추가

반응에 문제가 있습니다. 가로 스크롤로 볼 수 있는 많은 하위 div가 포함된 간단한 스크롤 가능 div를 구현하려고 합니다. 기본적으로 각 하위 div는 하루에 해당합니다. 이 구성요소는 사용자가 현재 날짜와 다음 날짜에 대한 정보를 처음 볼 때 로드됩니다. 그러나 사용자가 (왼쪽 또는 오른쪽) 스크롤하는 경우 일종의 "무한 스크롤 기능"을 구현하여 더 많은 정보를 추가할 수 있기를 바랍니다. 상위 div 끝에 새 하위 div를 추가하려고 하면 아무런 문제가 없습니다. 그러나 상위 div의 시작 부분에 새 하위 ...

P粉217629009 2024-03-19 19:13:46 0  1  494

angular.js-angularjs가 스크롤 막대 이벤트를 바인딩하지 못했습니다.

최근에 관리 백엔드로angularjs를 사용했는데 두 개의 별도 테이블을 동시에 가로로 스크롤할 수 있으므로 페이지를 새로 고친 후 스크롤 이벤트가 정상적으로 바인딩될 수 있습니다. , 그러나 페이지가 전환된 경우 또는 페이징 후 작동하지 않습니다. 이때 바인딩을 확인해보세요..

给我你的怀抱 2017-05-15 17:02:46 0  1  560

javascript - 클릭 이벤트 버그입니다. 무엇이 잘못되었는지 모르겠습니다.

1. 그림이 입 오른쪽으로 스크롤 된 후 왼쪽 화살표를 빠르게 클릭하면 돋보기 기능이 무효화되고 그 외의 경우에는 아무데나 클릭해도 문제가 없는 것 같습니다. 어디에서 문제가 발생했는지 알 수 없습니다. stop()과clearQueue()를 사용했지만 효과가 없습니다. html code {code...} css {code...} jQuery...

ringa_lee 2017-05-18 10:59:14 0  1  1003

angular.js-Angularjs에서 이미지의 지연 로딩을 구현하는 방법은 무엇입니까?

모바일 단말에서 이미지 목록을 표시하는 웹 페이지를 작성하기 위해 과거에는 jQuery의 지연 로딩 플러그인을 사용하여 이 기능을 구현했지만 이제는 jQuery 및 기타 플러그인을 사용할 수 없으며, 이 기능을 구현하려면 anglejs를 사용할 수 있습니다. 이미지의 경로는 json 번호를 읽어서 json에 저장됩니다.

某草草 2017-05-15 16:51:49 0  5  890

jQuery DataTables를 사용할 때 첫 번째 열에서 자동 정렬을 비활성화합니다.

저는 jQuery DataTables를 사용하고 있는데 테이블의 첫 번째 열에 대한 자동 정렬을 비활성화할 수 있는지 궁금합니다. 내 코드는 다음과 같습니다: /*Defaultclassmodification*/$.extend($.fn.dataTableExt.oStdClasses,{"sWrapper":"dataTables_wrapperform-inline"});/*APImetho

P粉877114798 2023-07-17 18:43:15 0  1  767

입력 필드가 콘텐츠를 완전히 표시할 만큼 충분히 넓은지 어떻게 확인할 수 있나요?

많은 열이 있는 테이블에서 Vuetify 텍스트 필드 구성 요소를 사용하고 있습니다. 구성 요소에 표시할 콘텐츠가 너무 많이 포함되어 있을 수 있으며, 사용자 경험 관점에서 필드 내에서 스크롤하여 콘텐츠를 검사하는 데 셀이 많으면 시간이 너무 오래 걸릴 수 있습니다. 순수 HTML 예제 Vuetify 예제 내 첫 번째 생각은(더 좋은 아이디어가 있으면 알려주시기 바랍니다) 전체 내용을 표시하는 도구 설명을 표시하는 것이었지만 구성 요소가 전체 내용을 표시할 수 있는 경우 이는 성가신 일입니다. 그래서 콘텐츠가 숨겨지거나 잘릴 때만 ...

P粉014218124 2023-09-02 22:36:56 0  2  593

RMarkdown의 고정 테이블 헤더와 유사한 Quarto에서 함수 만들기

RMarkdown에서 성공적으로 수행한 것처럼 Quarto의 table1R 패키지에서 고정 테이블 헤더를 렌더링하려고 했습니다. 그러나 Quarto가 내 .css 파일을 인식하지 못하는 것 같거나 (아마도) 뭔가가 누락된 것 같습니다. 재현할 수 있도록 .rmd 및 .qmd에 CSS 파일을 포함시켰습니다. 또한 테이블 헤더가 고정되도록 스크롤 상자를 만드는 인라인 HTML 코드도 포함했습니다. 스타일.css: .Rtable1th{border:0;text-align:cent

P粉366946380 2023-08-29 17:12:38 0  1  630

javascript - 동적으로 추가된 요소의 기능과 내용을 탐색하는 방법

그림과 같이 구현해야 할 기능은 상단의 추가 버튼을 클릭하고 하단의 테이블 행을 동적으로 추가한 다음 각 행의 내용을 개체에서 순회하는 것입니다. 그런 다음 내용과 기능이 있는 첫 번째 HTML에 작성된 줄만 있습니다. 버튼을 클릭한 후 나오는 행에는 내용도 없고 기능도 없습니다. (메모...

代言 2017-06-12 09:28:08 0  5  818

스크롤할 때 rowspan 속성이 있는 고정 td가 테이블 경계를 초과합니다.

고정 헤더가 있는 테이블과 행 범위가 포함된 고정 td가 있습니다. 스크롤할 때 td 및 rowspan이 헤더(이 예에서는 첫 번째 열) 위에 나타납니다. z-index를 지정하면 헤더가 td 위에 배치되지만 텍스트는 겹칩니다. 이런 일이 발생하지 않도록 하려면 어떻게 해야 합니까? 내 첫 번째 버전에는 행 범위가 없었고 빈 셀이 포함되어 있었으며 올바르게 작동했습니다. *{padding:0;margin:0;box-sizing:border-box;}/*.wrapper{overflow:a

P粉210405394 2024-03-21 20:28:02 0  1  493

ajax - Thinkphp 다중 조건 필터링 기능 질문이 있으신가요?

Taobao와 같은 여러 필터링 기능을 어떻게 결합합니까? 이제 큰 빨간색 상자의 조건을 클릭하여 결합 및 필터링 기능을 구현했는데, 입력 상자와 내부의 가격 조건을 외부의 조건과 어떻게 결합합니까? 예를 들어 500~1000 가격대의 여성용 전자시계를 필터링하고 아이디어를 찾고 있습니다. ...

phpcn_u1582 2017-05-16 13:13:41 0  4  689

웹사이트의 MVC 모델에서 모델을 할당하는 방법.

MVC 모델에서 컨트롤러는 파이프라인이고 모델은 프로세서입니다. 그러나 컨트롤러에는 여러 테이블의 다른 내용이 필요한 경우가 많습니다. 이러한 방식으로 모델에는 get_name, get_info, get_id 등 단 하나의 쿼리로 완료할 수 있는 많은 기능이 있습니다. 번거롭다고 느껴집니다. 저것...

巴扎黑 2017-05-16 17:06:54 0  7  599

javascript - 테이블을 편집한 후 반환 페이지를 자동으로 새로 고칠 수 없으며 수정된 값을 테이블에 렌더링할 수 없습니다.

테이블 테이블에는 추가 및 편집 기능이 있습니다. 편집 페이지와 새 페이지를 편집하거나 채운 후 테이블로 돌아갑니다. 페이지 데이터가 자동으로 새로 고쳐지지 않으므로 편집 후 테이블을 수동으로 새로 고쳐야 합니다...

漂亮男人 2017-06-12 09:31:51 0  1  739

창의 콘텐츠 오버플로로 인해 스크롤이 방지되고 새 콘텐츠가 숨겨집니다.

저는 현재 룰렛 시스템 프로그램을 구축 중입니다(이것은 베팅을 하는 것보다 베팅을 하는 것을 더 방해합니다!). 기본 프레임워크를 수행하고 있지만 이미 메인 창 "#results"가 전체 스크롤되지 않는 문제가 있습니다. 결과의. 스크롤은 콘텐츠의 최신 행을 따라야 하므로 모달 상자의 입력에서 반환된 최신 콘텐츠가 항상 하단에 표시됩니다. 나는 가능한 많은 해결책을 연구하는 데 몇 시간을 보냈지만 아무 소용이 없었습니다. 코드는 다음과 같습니다. (전체 스크립트가 길어서 죄송합니다.) <!DOCTYPEhtml...

P粉106715703 2024-04-03 21:24:55 0  1  510

java - 데이터베이스의 복잡한 일대다 관계를 피하기 위해 외래 키 없이 데이터베이스를 설계했습니다. 이것이 가능합니까?

데이터베이스에서 복잡한 일대다 관계를 피하기 위해 테이블의 필드에 외래 키가 없도록 데이터베이스를 설계했으며, 관계는 setter와 getter를 사용하여 수동으로 연결됩니다. 프로그램을 작성하면 함수를 구현할 수 있지만 getter와 setter를 많이 작성하는 것이 고통스럽다는 것을 알았습니다.

为情所困 2017-05-17 10:08:09 0  5  575

ES 2017: 비동기 함수 vs AsyncFunction 객체 vs 비동기 함수 표현

방금 비동기 함수에 대해 읽었고 ES2017에서 몇 가지 유사한 기능을 발견했습니다. 이는 많은 혼란을 야기하고 있으며, asyncfunction, AsyncFunction(비동기 함수를 생성하는 데 사용됨) 및 async 함수 표현식(다른 비동기 함수라고 생각함)의 차이점은 무엇인지 묻고 싶습니다. 언제 다른 형식보다 한 형식을 사용해야 합니까? 모든 사람의 특징과 성과를 강조해 주시면 매우 감사하겠습니다!

P粉459440991 2024-03-25 23:44:59 0  1  437