Action Column > Add buttons to action column

Crud Elite

Getting Started

Action Column

Hide action column

Add buttons to action column

Table functions

Default sorting

“Show 10 records” drop-down

The “Search…” placeholder

Exported file

Columns ordering

Custom content in a column

Confirm delete popup

Common issues

Edit auratheme.table.js

Other

Clone for another table

How it works

Read data for the table

How to add more custom buttons to the Action column?


Sometimes, the standard "Edit" and "Delete" buttons in the Action column might not be enough for your needs. If you need to add more custom buttons—like a "View Details" button or anything else—here's how you can easily extend the Action column to include them.

The steps


The related code is in /Views/Home/_Table.cshtml. You can add more <a></a> links into @if (showActionColumn == true){} . Please refer to the screenshot below for more information. The first <a></a> is the edit button and the second <a></a> is the delete button. You can add more links here. For your information, the icons are getting from bootstrap icon website.

image.png