【Laravel】【Datatables】フッターに2行表示させる

2022/6/17 Datatables, IT, laravel, php

LaravelのDatatablesにてフッターを2行にするために、

僕が行った対応を紹介しますー。

コード

テーブルロード

bladeでテーブルをロードする際には、第2引数にtrueを設定します。

第2引数はfooterの有無のbool値でデフォルトはfalseです。

<div>{{ $dataTable->table([], true) }}</div>

1	<div>{{ $dataTable->table([], true) }}</div>

ビルダー

htmlビルダーにて、parameters内で、

initCompleteのイベント処理にて、フッターの行を複製し2行にします。

$this->builder()
->parameters([
 'initComplete' => "function () {
   var thisRow = $(this.api().table().footer()).children('tr');
   $(thisRow).clone().insertAfter(thisRow).find('input:text').val('');
  .....
  }"
                
])

$this->builder()

->parameters([

'initComplete' => "function () {

var thisRow = $(this.api().table().footer()).children('tr');

$(thisRow).clone().insertAfter(thisRow).find('input:text').val('');

.....

])

以上です。

それでは！！！

にほんブログ村

人気ブログランキング

たーちゃん

20代前半までは東京で音楽をやりながら両手の指以上の業種でアルバイト生活をしていましたが、某大手プロバイダのテレアポのバイトでPCの知識の無さに愕然とし、コンピュータをもっと知りたい！と思ったことをきっかけに25歳の時にITの世界に未経験で飛び込みました。
紆余曲折を経て、現在は個人事業主としてお仕事させていただいており、10年ほどになります。
web制作から企業システム構築、ツール開発など、フロントエンドもバックエンドもサーバーもDBAも依頼があれば何でもやってきた雑食系エンジニアです。

今風にいうとフルスタックエンジニアということになるのかしら？？

→ 詳細プロフィールというか、生い立ちはこちら

→スキルシートをご覧になる場合はこちら

→お仕事のご依頼やお見積りなどお問い合わせはこちらから！