[FREE] Math Table - An ai2 Extension to displaying various types of educational tables and charts

🧩 MathsTable

An extension for MIT App Inventor 2.
This component is developed by th using Fast.
A non-visible component for displaying various types of educational tables and charts in App Inventor.
This component allows creation and management of multiple table views within an HVArrangement.
Telegram | GitHub
Blogger | YouTube
Find More Extension
Terms & Conditions

:memo: Specifications


:package: Package: io.th.mathstable.mathstable
:floppy_disk: Size: 15.34 KB
:gear: Version: 1.0
:iphone: Minimum API Level: 7
:date: Updated On: 2025-03-24T18:30:00Z
:computer: Built & documented using: FAST-CLI v2.8.0
:arrow_down: Download
io.th.mathstable.mathstable.aix (15.3 KB)
:arrow_down: Aia
math_table.aia (26.0 KB)

:placard: More info GitHub

Blocks

OnTableGenerated_Event


GenerateMultiplicationTable_Method
ClearChart_Method
AlphabetsChart_Method
TextSize_Method
TextColor_Method
TextAlignment_Method
ShowMessage_Method
NumberChart_Method
MultiplicationChart_Method
InitializeView_Method
HindiVarnamalaChart_Method
GenerateSubtractionTable_Method


EnableRandomColors_Set_Property

Demo Blocks

Maths_Blocks_blocks.png

Output

51b771fa-7185-44b7-bda1-3ddb9fa74a6d

a039c129-db4a-4ad7-86c0-2d3e355e2f9a

5196ef00-dc64-4db1-81fc-e84ed1d34321

c4d4f38a-e76b-4098-b3ff-79f6b2dbb4c3



Event:

MathsTable has total 1 event.

:yellow_heart: OnTableGenerated

Triggered when the multiplication table is generated

Parameter Type
tableText text
id text

Methods:

MathsTable has total 12 methods.

:purple_heart: InitializeView

Initialize the Multiplication Table View inside an HVArrangement with an ID

Parameter Type
arrangement component
id text

:purple_heart: TextSize

Set text size for specific table

Parameter Type
id text
size number

:purple_heart: TextColor

Set text color for specific table

Parameter Type
id text
color number

:purple_heart: GenerateMultiplicationTable

Generate multiplication table with optional random colors

Parameter Type
number number
id text

:purple_heart: GenerateSubtractionTable

Generate subtraction table for a given number and display it in specific table

Parameter Type
number number
id text

:purple_heart: TextAlignment

Set text alignment (1=Left, 2=Center, 3=Right)

Parameter Type
id text
alignment number

:purple_heart: ShowMessage

Show a message in an alert dialog

Parameter Type
message text

:purple_heart: MultiplicationChart

Generate multiplication chart from 1 to 20

Parameter Type
id text

:purple_heart: NumberChart

Generate number chart with custom range and columns

Parameter Type
id text
start number
end number
columns number

:purple_heart: AlphabetsChart

Generate alphabet chart showing uppercase and lowercase letters

Parameter Type
id text
showBoth boolean

:purple_heart: HindiVarnamalaChart

Generate Hindi Varnamala chart showing Vowels and Consonants

Parameter Type
id text
showAll boolean

:purple_heart: ClearChart

Clear the content of a specific table/chart view

Parameter Type
id text

Setter:

MathsTable has total 1 setter property.

:green_heart: EnableRandomColors

Enable or disable random colors for each row

  • Input type: boolean

Thanks

TechHamara

3 Likes