• Home
  • Droptables
  • Table theme and chart demo

Droptables: table theme and charts

Custom table with chart

Droptables now include chart.js, one or several chart can be attached to the data of the table. Of course, if you update the table the chart will be updated automatically!

Select the data, choose a chart and let's draw!

New YorkParisLondonBarcelonaBerlinAmstedam
10090110205326
8010050605985

  

 

 

 

The tables themes - included!

Default theme

This is the minimalist default theme with sortable data and responsive column activated, click on the column title and resize the screen!

#MakeModelYearPrice
1HondaAccord2009$12000
2ToyotaCamry2012$14900
3HyundaiElantra2010$22000
4HondaAccord2009$12000
5ToyotaCamry2012$14900
6HyundaiElantra2010$22000
7HondaAccord2009$12000
8ToyotaCamry2012$14900

 

Blue price table theme

All the theme can of course be fully edited in Droptables including HTML/CSS

DetailsBasicStandardPremiumProfessional
$ 19 99year
$ 29 99year
$ 49 99year
$ 99 99year
HDD Space500 MB1500 MB3000 MB5000 MB
Monthly traffic20GB30GB50GB100GB
Email addresses110UnlimitedUnlimited
FTP Accounts1550100
Databases10
Hosted domain13510
Dedicated IP
Add to cartAdd to cartAdd to cartAdd to cart

 

Orange price table

DetailsBasicStandardPremiumProfessional
$ 19 99year
$ 29 99year
$ 49 99year
$ 99 99year
HDD Space500 MB1500 MB3000 MB5000 MB
Monthly traffic20GB30GB50GB100GB
Email addresses110UnlimitedUnlimited
FTP Accounts1550100
Databases10
Hosted domain13510
Dedicated IP
Add to cartAdd to cartAdd to cartAdd to cart

 

Black and white price grid

MOST POPULAR
PERSONALPROFESSIONALBUSINES
$ 8 /MO
$ 16 /MO
$ 24 /MO
Billed annuallyor $10 month-to-month.Billed annuallyor $20 month-to-month.Billed annuallyor $30 month-to-month.
20 Pages, Galleries, and Blogs with 500 GB Bandwidth, 2 GB Storage, and 2 ContributorsUnlimited Pages, Galleries, and Blogs, with Unlimited Storage, Bandwidth, and ContributorsUnlimited Pages, Galleries, and Blogs, with Unlimited Storage, Bandwidth, and Contributors
Fully Integrated E-CommerceFully Integrated E-CommerceFully Integrated E-Commerce
Sell 1 Product & Accept DonationsSell up to 20 ProductsSell Unlimited Products
Custom Domain FREEDeveloper PlatformReal-Time Carrier Shipping
24/7 Customer SupportCustom Domain FREELabel Printing via ShipStation
24/7 Customer SupportIntegrated Accounting by Xero
Developer Platform
Mobile Website and Store
Custom Domain FREE
24/7 Customer Support

 

Weekly planning

MondayTuesdayWednesdayThursdayFridaySaturday
Aerobics09.00 - 10.00 -11.00 - 12.00-12.00 - 13.00-
Aqua- 10.00 - 11.00-12.00 - 13.00-13.00 - 14.00
Boxing10.00 - 11.00 -11.00 - 12.00-12.00 - 13.0013.00 - 14.00
Pilates09.00 - 10.00 --12.00 - 13.00-13.00 - 14.00
Running- 10.00 - 11.00-12.00 - 13.00-13.00 - 14.00
Aerobics09.00 - 10.0011.00 - 12.0012.00 - 13.00

 

Feature comparison table

Pro
PlusChoose this one
BasicChoose this one
Choose this one
Domain1 included2 included10 included
IP AdressSharedShareddedicated
IP FailoverYesYesYes
Storage100 GO1000 GOUnlimited
TrafficUnlimitedUnlimitedUnlimited
DiskSSDSSD high speedSSD high speed
RAID155
CMS on click install
Joomla2.5 or 3.32.5 or 3.32.5 or 3.3
WordpressLastest versionLatest versionLatest version
DrupalLastest versionLastest versionLastest version
Prestashop1.5 or 1.61.5 or 1.61.5 or 1.6
MagentoCommunity editionCommunity editionEnterprise edition
Choose this oneChoose this oneChoose this one

 

Table cell edition

In each cell you can define the format to be text or HTML. With HTML you get a full editor, access to HTML and editor buttons. It means that you can add links, images and 3rd party content easily.

html cell edition

Cell modification in one click

You also have the possibility to merge/unmerge cells, undo modifications, add/remove line and columns from the right click in the table.

cell mergin

 

Excel Import/export

There's an Excel/Export tool you can activate from the configuration. It handles .xls and .xlsx files import/export. The importer will insert your data in a table, then you can work on your layout and manage it from Joomla.

excel table import

 

Add tooltips to tabel cells

You want to add more data to your table cells? well, the solution is to add tooltip on mouse hover with the information you want. As an admin it's quite simple to create and edit tooltips: click on a cell, edit the tooltip content from a full editor, as simple as that. Just put your mouse hover the table bellow to test the tooltips. you also have an option to force the tooltip width.

tooltip

 

STARTUP FEATURESThis is our basic plan and I can add description in a tooltip, it takes me around... 30 seconds :)PRO FEATURESThis is our pro plan and I can add description in a tooltip, it takes me around... 30 seconds :)
Unlimited PagesThis is really a HTML tooltip we got here, HTML and media.
Unlimited PagesThis is really a HTML tooltip we got here, HTML and media.
10GB space10GB of disk space on the server50GB of space50GB of disk space on the server
10000 visits monthly10000 visits only per month50000 visits monthlyup to 50000 visits per month
Paid site transferPaid site transfer, not so expensive thoughFree site transferFree site transfer, included in the plan
30 days money backAs usual!30 days money backAs usual!
LET'S START WITH THATGo for it!I WANT THE BESTGo for it!

 

Line and column freezing

When it comes to present big amount of data in a table, the cell freezing is something you'll need. As an option you can freeze up to 5 lines and/or columns per table. the line freezing option include the definition of the max height of the table.

MondayTuesdayWednesdayThursdayFridaySaturday
Aerobics09.00 - 10.00 -11.00 - 12.00-12.00 - 13.00-
Aqua- 10.00 - 11.00-12.00 - 13.00-13.00 - 14.00
Boxing10.00 - 11.00 -11.00 - 12.00-12.00 - 13.0013.00 - 14.00
Pilates09.00 - 10.00 --12.00 - 13.00-13.00 - 14.00
Running- 10.00 - 11.00-12.00 - 13.00-13.00 - 14.00
Aerobics09.00 - 10.0011.00 - 12.0012.00 - 13.00
 

 

MondayTuesdayWednesdayThursdayFridaySaturday
Aerobics09.00 - 10.00 -11.00 - 12.00-12.00 - 13.00-
Aqua- 10.00 - 11.00-12.00 - 13.00-13.00 - 14.00
Boxing10.00 - 11.00 -11.00 - 12.00-12.00 - 13.0013.00 - 14.00
Pilates09.00 - 10.00 --12.00 - 13.00-13.00 - 14.00
Running- 10.00 - 11.00-12.00 - 13.00-13.00 - 14.00
Aerobics09.00 - 10.0011.00 - 12.0012.00 - 13.00
Aerobics09.00 - 10.0011.00 - 12.0012.00 - 13.00

 

Data sorting and filtering on frontend

You have option to filter you data per column exactly like in a spreadsheet. This is something very handy to find a value in a column. Here’s an example below, try to type something that is available in the column and check how it works.

#MakeModelYearPrice
1HondaAccord2009$12000
2ToyotaCamry2012$14900
3HyundaiElantra2010$22000
4HondaAccord2009$12000
5ToyotaCamry2012$14900
6HyundaiElantra2010$22000
7HondaAccord2009$12000
8ToyotaCamry2012$14900

 

Frontend table edition

Droptables have a dedicated menu element and template to manage all the tables from frontend in a comfortable view. Plus, based on Joomla user group and user actions, you can restrict the table management and edition.

frontend-table-edition

 

Cell hightlight

You have an option to hightlight cell, lines and columns to easily fond the data you want.

cell-highlight

 

CSS code editor

You can apply custom in each table with a dedicated CSS editor. Code mirror colored code is available in a dedicated window. Droptables generates easy to style HTML output.

css custom table

 GET IT NOW ON JOOMUNITED