The plan

Everything below was made on a Joomla 5 site; the steps are the same on Joomla 3, 4 and 6.

Step 1: your data

Log in to tabulizer.com and open Wizards › Table Wizard. In step 1 (Data), choose Type sample data and paste your rows in CSV form - one line per row, values separated by commas, the first line holding the column headings:

Product,Category,Colour,Price,In stock
Desk lamp,Lighting,Blue,24.50,12
Office chair,Seating,Black,189.00,4
Bookcase,Storage,White,249.90,7
...

Leave Column Separator at Comma, and set the number of rows and columns to match your data - here 13 rows and 5 columns.

Step 2: the shape

In step 2 (Format), set Top Headers to 1 header(s) so the first line becomes the heading row. Then choose Zebra/Rows for alternate row colours and Hover/Row so the row under the mouse lights up. Pick any border style you like; the example uses row borders.

Step 3: the colours

Step 3 (Style) has a section for each part of the table. Three settings give the example its look:

Type a colour code or click the swatch to pick one. Anything you leave at Default follows your site's template.

Step 4: the features

Step 4 (Features) is where a plain table becomes an interactive one. Switch on three things:

For the responsive pattern, decide per column when it may be hidden. The example keeps Product as the column with the expand arrow, always shows Price, hides Category and In stock on phones and Colour on tablets too:

Step 5 (Modifications) can change the data itself - formats, calculations, extra rows. Nothing is needed there for this table, so go on to step 6.

Step 5: preview and save

Step 6 (Preview) shows the table as your visitors will see it, with every feature working. Try the search box and the pages.

Below the preview, give the ruleset a Ruleset Title and a Ruleset Description - they are how you will recognise it later - and press Save & Download Ruleset.

You land in your Ruleset Manager, with two ways to download:

This first time, press Download as Data Source. You get one zip holding the ruleset, its styles, your sample rows as a CSV file and a ready-made data source that ties them together - everything Tabulizer needs to show the table.

Step 6: import it into Joomla

In your Joomla administrator go to Components › Tabulizer and press Import Archive. Choose the zip you downloaded.

Tick "YES, overwrite safemode settings". Tabulizer starts with Safe Mode on, and Safe Mode does not import data sources - without the tick the import stops with this message:

The tick lifts Safe Mode for this one import and leaves the setting as it was. Use it only for archives you downloaded from tabulizer.com yourself.

Press Import. Joomla reports that the zip was uploaded, and under Data Sources you find a new one named after your ruleset:

Press Preview if you want to see the table before it goes into an article.

Step 7: put it in an article

Create a new article (Content › Articles › New), write an introduction if you like, and put the cursor where the table should go. Open CMS Content › Tabulizer in the editor toolbar.

The article now holds a short tag. That tag is the table: it is replaced with the real thing whenever the page is shown, so the article always displays the current data.