Vue.js 3의 정렬, 필터링 및 페이징 구성 요소를 사용하여 테이블 기능을 향상하세요.

한동안 조사해 왔지만 테이블에 정렬, 필터링 및 페이지 매김 기능을 추가할 수 있는 Vue.js 3용 최신 구성 요소를 찾을 수 없는 것 같습니다. 프런트엔드에는 이미 모든 데이터가 있으므로 백엔드 API에 추가 요청을 보낼 필요가 없습니다. 지금까지 내가 본 것은 오래되었거나 Vue 1/2에서 작동하거나 무료가 아니거나 불완전합니다.

P粉419164700 2023-08-03 20:02:22 0  1  612

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

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

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

表格中列表排序，jquery + php实现

实现列表的排序，多个字段都可以排序，如时间，id,数量等等，具体实现思路是什么呢？

阿神 2017-05-16 12:02:05 0  5  682

렌더링 기능을 사용하여 사용자 정의 구성 요소의 모든 항목을 래핑하는 Vue 3 트릭

나만의 정렬 가능한 구성 요소를 만들려고합니다. 기본 슬롯에 항목 목록을 전달하고 싶습니다. 그런 다음 정렬 가능한 구성 요소는 전달된 모든 항목을 사용자 정의 v-draggable 구성 요소로 래핑해야 합니다. <v-sortablehandle=".handle"><template:key="index"v-for="(item,index)initems"><some-co

P粉926174288 2023-12-27 21:49:07 0  2  545

angular.js - 关于angular排序筛选后，懒加载的图片无法显示的问题。

使用的是这个插件：https://github.com/angular-di...原理都差不多，判断是否在窗口内，再加载图片；基本的都可以实现了，但是：在添加了排序或者筛选功能后(angular的orderBy、filter)，列表排序发生改变，把原...

过去多啦不再A梦 2017-05-15 17:04:43 0  2  632

열에 새로운 고유 값 생성

다음 형식의 (MYSQL) 테이블이 있습니다. 테이블 이름이 mytable이라고 가정합니다. id namegroup123name11124name22125name31126name4id는 고유하고 자동 증가합니다. name은 고유한 문자열이고 그룹은 단지 정수입니다. 이제 아직 존재하지 않는 새 그룹에 name4를 할당하려고 합니다. 따라서 이 예에서 name4의 그룹은 1 또는 2가 될 수 없습니다. 예를 들어 결과는 다음과 같습니다. id name group 126 name 43 현재 그룹 내림차순으로 정렬하고 있으며 수동으로 가장...

P粉210405394 2023-09-16 13:14:40 0  1  833

Ajax 호출 후 스크립트가 제대로 실행되지 않습니다.

저는 WordPress에서 나만의 포트폴리오 웹사이트를 구축하고 플러그인 없이 거의 전체 코드를 작성하고 있습니다. 웹 사이트의 홈페이지에는 동적 "사용자 정의 게시물 유형" 그리드가 제공되며 게시물 분류/카테고리를 기반으로 Ajax 필터를 구현했으며 게시물은 필터에 따라 재정렬되었습니다. 스크립트는 script.js에서 실행됩니다: (function($){$(document).ready(function(){$(document).on('click','.js-filter-item'

P粉642919823 2024-01-29 11:10:45 0  1  448

문제 2003(HY000) 해결 방법: MySQL 서버 'db_mysql:3306'에 연결할 수 없습니다(111).

최근에 FastAPIPython 서버를 컨테이너화하려고 했습니다(복제/배가 목적으로도). 이전에는 Docker 컨테이너에 MySQL 서버만 있으면 모든 것이 괜찮았지만 웹 서버도 서비스로 만들었을 때 MySQL 서버에 연결할 수 없어 이제는 애플리케이션이 작동하지 않습니다. 다음은 fromfastapiimportFastAPIimportmysql.connectorapp 애플리케이션에 있는 서버 데이터베이스 초기화 커넥터의 코드 조각입니다.

P粉178132828 2023-09-05 11:18:47 0  1  732

쿼리 제한 후 정렬 실험

이것이 나의 첫 번째 질문입니다. 문제가 있으면 용서해 주십시오. 제약 조건을 기반으로 정렬 쿼리를 만들려고 합니다. 따라서 90개의 레코드가 있는 Customers 테이블이 있습니다. 먼저 3개의 레코드로 제한된 쿼리를 수행한 다음 ContactName이라는 열을 기준으로 이 쿼리의 결과를 정렬하려고 합니다. 내 생각에 이것은 중첩된 쿼리일 수 있습니다. 중첩 쿼리는 SQLServer에서 잘 실행되지만 MySQL에서 구현하는 방법을 모릅니다. 제한 쿼리: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  664

CSS 그리드: 하위 콘텐츠가 열 너비를 초과할 때 새 행 생성

CSS 그리드를 기반으로 하는 두 개의 열 레이아웃이 있습니다. 두 번째 열의 내용이 1fr을 초과하면 새 행을 만들고 싶습니다. 현재로서는 내용이 단순히 열을 넘치게 됩니다. 이 레이아웃의 요구 사항 중 하나는 오른쪽 메뉴 열의 항목이 한 행에 있어야 한다는 것입니다. .right-menu{...grid-auto-flow:columndense;...}를 사용하여 이를 달성합니다. Grid-auto-flow 속성을 제거하면 오버플로가 중지됩니다. 그러나 항목이 이제 여러 행으로 쌓여 있어 내가 원하는 것이 아닙니다. .ri 변환도 ...

P粉212114661 2023-09-05 15:18:28 0  1  559

AND, OR 및 NOT 연산자를 사용한 PHP 전체 텍스트 검색 기능

초보자 질문: PHP와 eloquent를 사용하여 검색 문자열에 대한 전체 텍스트 검색을 구현하려고 합니다. $searchstring="+(피해자)+범죄-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  515

모든 PHP 유형을 문자열로 변환하는 가장 짧은 방법

나는 언젠가 의학과 같은 분야에 적용될 수 있기를 바라는 일반 시스템(즉, "과학적")을 작성하고 있습니다. 내 생각에 가장 좋은 방법은 PHP의 모든 데이터를 문자열로 표현하는 것입니다(true는 "true", false는 "false" 등). 그 이유는 PHP에서 모든 값은 고유한 문자열 표현(예: PHP 코드 자체)을 갖기 때문입니다. 이 프로그램의 설계 속도를 높이기 위해 이 질문을 게시합니다. 숫자, 부울 등 일부 값은 쉽게 문자열로 변환됩니다. 개체, 배열, 리소스 등...

P粉369196603 2023-09-05 15:34:44 0  1  951

다른 열을 기준으로 그룹화하면서 MySQL에서 DATETIME 열의 평균을 얻는 방법

다음 쿼리를 사용하여 MySQL 테이블을 생성하고 채우고 있습니다. SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  474

다중 장치(휴대폰) 동기화 - React Native

모든 사용자의 모바일 장치에서 동시에 실행되는 Lightshow를 만들려고 합니다(최대 2000-3000명의 사용자가 있을 수 있음). 모든 사용자는 인터넷(Wi-Fi 또는 모바일 데이터)을 사용합니다. FE에서는 구독을 위해 Apollo를 사용하는데 이는 정말 매력적입니다. 하지만 문제는 사용자 A가 사용자 B보다 더 빨리 구독 이벤트를 얻을 수 있다는 것입니다. 이는 사용자 A가 사용자 B보다 먼저 게임을 시작한다는 것을 의미합니다. 이는 우리가 라이트쇼 아키텍처를 사용하고 사용자가 더 일찍 또는 나중에 시작할 수 없기 때문에 ...

P粉151466081 2023-09-05 11:58:38 0  1  651