Layui를 통해 데이터 테이블에 일련번호를 추가합니다.

구체적인 방법은 다음과 같습니다.

(영상 공유 학습: 프로그래밍 영상)

1. 첫 번째 요구 사항은 현재 페이지에 일련 번호만 추가하는 것입니다

(1) template 속성을 추가합니다. to your data

,cols: [[    {field:'tourPlayerId', width:80, title: 'ID1', sort: true,fixed: 'left',}    ,{field:'zizeng', width:80, title: '排名',fixed: 'left',templet:'#zizeng'}

(2) 테이블 아래에

<script type="text/html" id="zizeng">    
    {{d.LAY_TABLE_INDEX+1}}
</script>

를 추가하면 다음 페이지의 정렬이 이전 페이지로 연결되지 않고 1

2부터 다시 정렬이 시작됩니다. 두 번째 방법은 다음과 같습니다. 페이지가 매겨진 데이터에는 일련 번호

및 유형 속성

이 추가되어 열 유형을 설정합니다. 선택값은 일반(일반 열, 설정 필요 없음), 체크박스(체크박스 열), 스페이스(빈 열), 숫자(일련번호 열)입니다. 참고: 이 매개변수는layui 2.2.0의 새로운 매개변수입니다. 이전 버전의 경우 체크박스 열은 checkbox: true를 사용하고, 빈 열은 space: true를 사용합니다.

따라서 여기서는 type:'numbers'만 사용하면 됩니다.

효과는 다음과 같습니다.

관련 추천: layui 튜토리얼

위 내용은 Layui를 통해 데이터 테이블에 일련번호를 추가합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!