ホームページ > ウェブフロントエンド > ライユイのチュートリアル > Lauiui を介してデータテーブルにシリアル番号を追加します。

Lauiui を介してデータテーブルにシリアル番号を追加します。

王林
リリース: 2020-12-23 09:39:13
転載
4876 人が閲覧しました

Lauiui を介してデータテーブルにシリアル番号を追加します。

具体的な方法は次のとおりです:

(学習ビデオ共有: プログラミングビデオ)

1. 最初の要件、現在のページにシリアル番号を追加するだけです

(1) テンプレット属性

,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 からのみ開始されます

Lauiui を介してデータテーブルにシリアル番号を追加します。

2. 2 番目の方法 (ページング データを含む) では、シリアルも追加されます。 number

type 属性を追加し、

Lauiui を介してデータテーブルにシリアル番号を追加します。

#列のタイプを設定します。オプションの値は、normal (通常の列、設定不要)、checkbox (チェックボックス列)、space (空の列)、numbers (シリアル番号列) です。注: このパラメータは、layui 2.2.0 の新しいパラメータです。以前のバージョンの場合、チェックボックス列は checkbox: true を使用し、空の列は space: true を使用します

したがって、ここでは type:'numbers' のみを使用する必要があります。

Lauiui を介してデータテーブルにシリアル番号を追加します。 Lauiui を介してデータテーブルにシリアル番号を追加します。

関連する推奨事項: layui チュートリアル

以上がLauiui を介してデータテーブルにシリアル番号を追加します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:csdn.net
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート