KoolReport's Forum

Official Support Area, Q&As, Discussions, Suggestions and Bug reports.
Forum's Guidelines

Problem with datagrid and bs4 buttons style #2580

Open Abdulrahman opened this topic on on Feb 17, 2022 - 2 comments

Abdulrahman commented on Feb 17, 2022

I'm using data grid with bs4 them and it works fine but when I added buttons the bootstrap style doesn't applied on them Here is my code:

DataTables::create([
            "dataSource" => $dataStore,
            "themeBase" => "bs4",
            "cssClass" => [
                "table" => "table tableOutline reportTable table-bordered table-striped table-hover"
            ],
            "plugins" => [
                "AutoFill", "ColReorder", "Buttons", "FixedColumns",
                "FixedHeader", "KeyTable", "Responsive",                     
                 "RowReorder", "Scroller", "SearchPanes"
            ],
            "fastRender" => true,
            "options" => [
                "paging" => true, 
                "pageLength" => 10,
                "searching" => true,
                "colReorder" => true,
                "dom" => 'Blfrtip',
                "buttons" => [
                    [ 
                        "extend" => 'pdfHtml5',
                        "orientation" => "portrait",
                          "pageSize" => "A5",
                    ]
                    , "excel", "print", "colvis"
                ],
            ]
        ])

Here is the output:

Abdulrahman commented on Feb 27, 2022

Any help?

Sebastian Morales commented on Feb 28, 2022

Sorry for the late reply. We will try to replicate your issue and find a solution 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
help needed

DataGrid