Pagination Button Style not working & Button function not working

Bruceeeeeeeeee

Hello,

Merry Christmas and Happy New Year!

I got these problems when I using Datatable:
1. The pagination button style now showing well;
2. Button function not working;

Link to test case: http://live.datatables.net/zezoluri/1/edit

I'm using Bootstrap 5 for styling and I also using jQuery functions as datepicker() so I also have reference link from jquery, but seems like there is some overriding problems with those links.

The code for jQuery functions are shown below:
**

@Html.LabelFor(model => model.Params.Start_DateFormatted, htmlAttributes: new { @class = "control-label col-md-4 required" })

@Html.EditorFor(model => model.Params.Start_DateFormatted, new { htmlAttributes = new { @class = "form-control", style = "font-size: 15px;", id = "StartDate" } }) @Html.ValidationMessageFor(model => model.Params.Start_DateFormatted, "", new { @class = "text-danger" })

@Html.LabelFor(model => model.Params.End_DateFormatted, htmlAttributes: new { @class = "control-label col-md-4 required" })

@Html.EditorFor(model => model.Params.End_DateFormatted, new { htmlAttributes = new { @class = "form-control", style = "font-size: 15px;", id = "EndDate" } }) @Html.ValidationMessageFor(model => model.Params.End_DateFormatted, "", new { @class = "text-danger" })

---

**

kthorngren

You haven't included any of the Datatables CSS files for the styling. Use the Download Builder to get the proper files. I updated the example to include Bootstrap 5 and the Datatables files. I also updated the table tag to include the Bootstrap table styling class instead of the default Datatables styling. Click the HTML tab of this example.
http://live.datatables.net/zezoluri/2/edit

Kevin

Bruceeeeeeeeee

Hi Kevin @kthorngren ,

Thanks for your help! One question that on the live.datatable the buttons of 'column visibility' and 'button for pdf & excel' is still not working, could you help me with this please? Thank you so much!

kthorngren

You need to add those libraries using the Download builder. Open the link to the current JS or CSS file, for example:
https://cdn.datatables.net/v/bs5/dt-1.13.1/rg-1.3.0/datatables.min.js

You will see the list of included libraries and a link to rebuild the current list. Use the link to add to what is already selected.

Kevin

Bruceeeeeeeeee

Thank you! @kthorngren