Introducing CrudHunt:Open-source Full-stack CRUDs for Next.js by KeenThemes
Browse CrudHunt 
DropDown for datatables in Laravel version
Hi
I'm working on Metronic 8 -> Laravel version -> Demo1 (Latest update -> 12/01/2021) ,
I tried to add a dropdown action menu to the last column of the datatable, the button is there but it's not working (no dropdown items shows up on click).
this is the config for pages.php :
"agent" => array(
"title" => "Agents List",
"assets" => array(
"custom" => array(
"css" => array(
"css/style.bundle.css",
"plugins/custom/datatables/datatables.bundle.css",
"plugins/custom/datatables/buttons.dataTables.min.css",
),
"js" => array(
"plugins/custom/formrepeater/formrepeater.bundle.js",
"js/scripts.bundle.js",
"plugins/custom/datatables/datatables.bundle.js",
"plugins/custom/datatables/dataTables.buttons.min.js",
),
),
),
),this is the action_men blade file:
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Actions
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>the datatable file :
public function dataTable($query)
{
return datatables()
->eloquent($query)
->addColumn("action", "agent.action_menu");
}
public function html()
{
return $this->builder()
->setTableId("agents-table")
->columns($this->getColumns())
->minifiedAjax()
->dom("Bfrtlip")
->parameters([
"buttons" => ["excel","pdf","print"],
])
->stateSave(true)
->orderBy(3)
->responsive()
->autoWidth(false)
->parameters(["scrollX" => true])
->addTableClass("align-middle table-row-dashed fs-6 gy-5");
}routing is like this :
Route::resource('agent', App\Http\Controllers\AgentController::class);
this is what the console is showing :
https://www.screencast.com/t/vwsBL0IHPpG
and this is how the button looks like :
https://www.screencast.com/t/nj2ktWwyhL
Thank you for the support
Replies (0)
There is no reply for this question at the moment. Be first to leave a reply.
