Button/Link

An actionable button or CTA in a data table leads the audience where you want them to be. The custom Button/Link data type in Ninja Tables makes it easier.

You can decide the data type right from the start when you add a column to the table. From your dashboard, go to the Ninja Tables plugin → Tables (the table where you want to add Column) → Add Column.

• A pop-up form will appear, and you will see the available Data Type here. You can choose from the various data type listed in the below screenshot.

Button and Linked Buttons in Ninja Tables #

This allows you to add a button in a column, links can also be added if required.

• Go to the Data Type option and select the Button/Link type of the column.

Button Text #

Text buttons are one of the key components for a good UI of a table. Texts on the button elaborate on the button’s function. Button text is HTML supported.

• You can also choose Open Link in a new window, where the button URL will open in a new window.

• Make Button as rounded corner makes the button’s corner rounded.

• When the button is clicked after selecting Make Force download, the file will be downloaded immediately.

Button Style #

The button can be styled by customizing the background, text, and border colors. As you can see from the image above, we’ve colored the button blue with white text and black border.

Link With Rel Attribute #

There are three types of rel attributes available, and you can select any of them based on your needs.

• sponsored: A sponsored link is an advertisement that is displayed on the search engine results page after a user searches for certain keywords.

• nofollow: The nofollow tag tells search engines to ignore that link. Because nofollow links do not pass PageRank they likely don’t impact search engine rankings.

• noreferrer: The rel=”noreferrer” tag is a special HTML attribute that can be added to a link tag (). It prevents passing the referrer information to the target website by removing the referral info from the HTTP header.

Here’s how the table looks with custom actionable buttons.

Add an actionable button or linked buttons to make your data table more dynamic and engagable.