Maison > interface Web > Tutoriel Layui > Ajouter des numéros de série à la table de données via layui

Ajouter des numéros de série à la table de données via layui

王林
Libérer: 2020-12-23 09:39:13
avant
4863 Les gens l'ont consulté

Ajouter des numéros de série à la table de données via layui

La méthode spécifique est la suivante :

(Partage de vidéo d'apprentissage : Vidéo de programmation)

1. , ajoutez uniquement un numéro de série à la page actuelle

(1) Ajoutez l'attribut templet à vos données

,cols: [[    {field:'tourPlayerId', width:80, title: 'ID1', sort: true,fixed: 'left',}    ,{field:'zizeng', width:80, title: '排名',fixed: 'left',templet:'#zizeng'}
Copier après la connexion

(2) Ajoutez

<script type="text/html" id="zizeng">    
    {{d.LAY_TABLE_INDEX+1}}
</script>
Copier après la connexion

sous le tableau, pour que le page suivante Le tri à l'intérieur ne sera pas connecté à la page précédente, mais ne recommencera qu'à partir de 1

Ajouter des numéros de série à la table de données via layui

2 La deuxième méthode, y compris les données de pagination, ajoute également des numéros de série.

Ajoutez l'attribut type,

Ajouter des numéros de série à la table de données via layui

pour définir le type de colonne. Les valeurs facultatives sont : normal (colonne normale, aucun paramètre requis), case à cocher (colonne de case à cocher), espace (colonne vide), nombres (colonne de numéro de série). Remarque : ce paramètre est nouveau dans layui 2.2.0. S'il s'agit de la version précédente, la colonne de case à cocher utilise la case à cocher : vrai, et la colonne vide utilise l'espace : vrai

Il vous suffit donc d'utiliser type : 'nombres' ici,

L'effet est la suivante :

Ajouter des numéros de série à la table de données via layui Ajouter des numéros de série à la table de données via layui

Recommandations associées : tutoriel layui

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal