Blog

Customs Buttons - a button to trigger your code

In a recent blog post, I gave an example of how the DataTables API can be used to enhance your table. In that example, the code triggered on page load, but often you'll want to trigger an action based on a user action.

Custom buttons provide a control, styled like the other buttons for your table, that can trigger your code when pressed. This simple example triggers the selection of the "London" rows in the table, but the ability to run your own function means the table can be more fully integrated with other components on your site.

If you like to follow along with a video, see below, otherwise, keep reading!

Install CloudTables self-hosted

With SaaS (Software as a Service) solutions, your data is stored somewhere out there in the cloud. Some people love this, as it gives freedom from the underlying architecture - you don't need to worry about backups, system updates, or even your whereabouts, that data will always be available.

This freedom though does have a cost, and that is lack of ownership of your data. If your data is super-sensitive, you may not want that data outside of your premises and outside of your total control.

For that reason, CloudTables can be installed locally, what we refer to as a self-hosted installation. You'll get the same UI, the same experience, but you control the data and the configuration.

In this post, and its accompanying video, I'll show how to install CloudTables on your own server.

Using CloudTables in a Node.js

In this blog post I'll demonstrate how quick and easy it is to securely embed a CloudTable into your Node.js application with the CloudTables API for Node.js. We also have a video showing how to do this if you prefer to follow along with a video.

Using CloudTables in a .NET project (transcription)

This blog is a transcription of the Embedding - .NET video. We hope that this written version will help our non-English speaking users follow along and also those of you who prefer written instructions!

How Easy Was that?! (transcription)

This blog is a transcription of the "How Easy Was That" video introduced in an earlier blog post. We hope that this written version will help our non-English speaking users follow along and also those of you who prefer written instructions!

New in CloudTables: Custom Button Collections

In our latest release of CloudTables we've zeroed in on the table control Buttons, adding a lot more flexibility and control over them. Customization of the table so it fits your application is fundamental to how CloudTables operates, and with this update we've added:

• Custom collections (drop downs) for grouping button types
• Collection display control (drop down or responsive fixed positioning)
• Spacer buttons for grouping and titles.

Custom collections

In the following example you'll note that we have three button's shown at the top of the table:

1. Export - a collection of buttons the user can use to get the data from the table. This is a standard dropdown with a custom selection of buttons and custom title.
2. Column visibility - automatically generated by CloudTables based on the columns available in the table. This button has a different layout selected in that it pops up over the whole page. It also has its own custom title text.
3. Page length - similar to the Export button this is a standard dropdown which controls the number of rows shown in the table.

Summing Column Data - part 2: DataTables display

In my last blog post, I gave an example of how the DataTables API can be used to extract data from a CloudTable, and then use that data for summing information and filtering. That approach works well if the data set is small, but if there are many records, it may be easier for your users if that data is contained within a DataTable.

Office	Total On All Pages	Total On Current Page

Summing Column Data - part 1: DataTables API

In an earlier blog post, I gave examples of how the DataTables and Editor APIs can be used to enhance a CloudTable. This blog post takes that further, describing a method to summarize data from the table is the form of summations.

Older blog posts

• New in CloudTables: Record colors
• Using the DataTables and Editor API with CloudTables
• How easy was that?!
• CloudTables ❤️ Bootstrap 5 and Bulma
• Full CRUD API
• New in CloudTables: Nested data
• New in CloudTables: Bar display and easier nesting of data
• Introducing the CloudTables blog