Pagination and Search Problem #2586

Open FIMM opened this topic on on Feb 22, 2022 - 3 comments

FIMM commented on Feb 22, 2022

Hi, I am using laravel+vuejs. Now I integrate koolreport for my report. But I can't show pagination and search option in my vuejs component. Please suggest me what should I do.

Thanks in Advance.

Sebastian Morales commented on Feb 22, 2022

Pls let us know which widget of which package you use. Tks,

FIMM commented on Feb 22, 2022

Thamks for your reply. I am using package "koolreport/pro":"*",

"koolreport/bootstrap4": "^1.5",

    "koolreport/core": "^5.5",
    "koolreport/laravel": "^2.0",

use \koolreport\datagrid\DataTables; DataTables::create([

        "dataSource"=>$this->dataStore("CONSULTANTS"),
        "options"=>array(
          "paging"=>true,
          "searching"=>true,
        ),
        "searchOnEnter" => true,
        "searchMode" => "or",
        "cssClass"=>array(
            "table"=>"table table-bordered table-striped"
        )
    ]);

Here Options not working in my vuejs component.

Sebastian Morales commented on Feb 22, 2022

Pls try to set options' dom property like this:

DataTables::create(array(
    ...
    "options" => array(
                    "dom" => 'Blfrtip',

Here's the dom definition link:

https://datatables.net/reference/option/dom

Let us know if it works for you. Tks,

Build Your Excellent Data Report

Let KoolReport help you to make great reports. It's free & open-source released under MIT license.

Download KoolReport View demo

Labels

solved

Related package None

KoolReport's Forum

Pagination and Search Problem #2586

Build Your Excellent Data Report