Breaking News: Grepper is joining You.com. Read the official announcement!

yarja datatable custom html design

Ariful Hoque answered on May 3, 2023 Popularity 1/10 Helpfulness 1/10

answer yarja datatable custom html design

yarja datatable custom html design

Comment

  public function html()
    {
        return $this->builder()
            ->setTableId('table-id')
            ->setTableAttribute('class', 'table table-hover table-bordered align-middle table-sm')
            ->columns($this->getColumns())
            ->minifiedAjax()
            ->responsive(true)
            ->selectStyleSingle()
            ->lengthMenu([[ 30, 50, 100, -1], [ 30, 50, 100, 'All']])
            ->dom("<'row mb-3'<'col-md-4'l><'col-md-4 text-center'B><'col-md-4'f>>rt<'bottom'<'row'<'col-md-6'i><'col-md-6'p>>><'clear'>")
            ->buttons([
                Button::make('copy')
                    ->className('btn btn-secondary buttons-copy buttons-html5 btn-sm prints')
                    ->text('<i class="fa fa-copy"></i> Copy'),
                Button::make('csv')
                    ->className('btn btn-secondary buttons-csv buttons-html5 btn-sm prints')
                    ->text('<i class="fa fa-file-csv"></i> CSV')->exportOptions(['columns' => [0, 1, 2, 3, 4]]),
                Button::make('excel')
                    ->className('btn btn-secondary buttons-excel buttons-html5 btn-sm prints')
                    ->text('<i class="fa fa-file-excel"></i> Excel')
                    ->extend('excelHtml5')->exportOptions(['columns' => [0, 1, 2, 3, 4]]),
                Button::make('pdf')
                    ->className('btn btn-secondary buttons-pdf buttons-html5 btn-sm prints')
                    ->text('<i class="fa fa-file-pdf"></i> PDF')
                    ->extend('pdfHtml5')->exportOptions(['columns' => [0, 1, 2, 3, 4]]),
                Button::make('print')
                    ->className('btn btn-secondary buttons-print btn-sm prints')
                    ->text('<i class="fa fa-print"></i> Print')->exportOptions(['columns' => [0, 1, 2, 3, 4]]),
            ]);
    }

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: datatable html whatever

Link to this answer
Share Copy Link

Contributed on May 03 2023

Ariful Hoque

0 Answers Avg Quality 2/10

yarja datatable custom html design

Contents

More Related Answers

yarja datatable custom html design

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.